python 开发环境搭建与使用,php开发环境安装

  python 开发环境搭建与使用,php开发环境安装

  我以前只知道VUE,但我没有真正用过它。现在因为工作的原因,我准备在接下来的几个月里系统地研究一下这个超级火热的前端框架。希望焦虑的大豆能给我建议。

  -

  平时我比较喜欢用vscode,所以在网上查了一下搭建指南,记录了我的搭建过程。

  1.登录node官网下载https://nodejs.org/en/

  2.安装node后,检查node和npm的版本(需要手动配置环境变量,直接在dos下查询即可)

  Ps:如果你的npm不是最新版本,可以使用命令:npm install npm -g升级到最新版本。

  3.测试节点,进入cmd下的节点,进入打印语句console . log( xx );

  注意:按ctrl+c两次退出。

  4.通过下载通用模块测试npm并验证npm功能。

  5.安装cnpm

  这类似于linux中的换源码,把国外的源码换成国内的源码。cnpm就是淘宝的npm(如果有梯子可以忽略)

  输入命令:NPM installg cnpm-registry=https://registry.npm.taobao.org。

  6.安装其他工具。

  安装web包:cnpm安装web包-g

  安装vue-cli(生成vue模板的工具):cnpm安装vue-cli -g G。

  7.创建一个新的vue项目(由工具生成)

  创建一个包含vue项目的新文件夹,在dos下进入该文件夹并输入命令:vue init webpack test1创建一个新项目。

  说明:最后一步是选择no我会处理那个神秘的,创建项目后我会自己下载依赖项;因为国内网络npm下载依赖太慢,选择否后,我们可以通过自己下载的cnpm快速安装。

  8.安装依赖性

  输入:cnpm install下载安装项目的依赖项。

  然后输入命令:cnpm run dev运行后会提示我们通过浏览器访问。

  到目前为止,vue环境已经搭建成功。

  9、vscode和插件安装

  安装vscodehttps://code.visualstudio.com/Download

  在VScode中安装vue辅助开发插件vetur eslint

  在用户设置中更改相关设置后,将执行插件安装。

  安装后,重新启动,并根据用户设置中的下表进行配置。

   editor . detect indentation :false, editor.tabSize: 2, JavaScript . format . insertspacebeforefunctionparents :true, vetur . format . default formatter . html : js-美化-html , vetur . format . default formatter . js : vs code-typescript

  10.通过vscode打开文件夹——打开项目test1并运行它。

  在控制台中检查更新依赖项并运行项目。

  转载于:https://www.cnblogs.com/xuanxuanBOSS/p/10994263.html

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: