学习vue-cli与准备

学习vue-cli与准备：

安装编译器vs code

首先在官网找到需要下载的文件，点击下载。

在浏览器或者下载软件中就可以看到一个下载地址了，将其复制下来。

然后将红框内的部分更换为如下内容：

vscode.cdn.azure.cn <--------就是左边这个

更新后的地址为：http://vscode.cdn.azure.cn/stable/78a4c91400152c0f27ba4d363eb56d2835f9903a/VSCodeUserSetup-x64-1.43.0.exe

这个就是国内的镜像了点开后你会发现速度直接起飞。

汉化中文 点击插件按钮搜索 Chinese, 重启生效

下载 node.js,不要下载最新的，推荐v10 安装后将自动配置环境变量。 配置npm的全局模块的存放路径和缓存路径，在node.js的安装目录下新建node-cache和node_global两个文件夹，然后命令行输入

npm config set prefix "c:\Program Files\nodejs\node_global"
npm config set cache "c:\Program Files\nodejs\node_cache"

配置npm的环境变量：系统变量path中新增一个变量： 如：C:\Program Files\nodejs\node_global\node_modules，（node安装在哪就写哪）， 然后在用户变量中修改变量为C:\Program Files\nodejs\node_global，最后就可以删掉C:\Users\xlz\AppData\Roaming下的npm目录了

安装后设置阿里镜像 方式一

npm install cnpm -g

方式二

npm config set registry http://registry.npm.taobao.org/

安装cnpm

cnpm install， 完成后在C:\Program Files\nodejs\node_global\node_modules目录下可看到cnpm文件夹和它的文件了。

安装webpack

cnpm install webpack -g 进行安装，如果报错则去掉-g。

安装vue-cli（用来生成vue模板的工具）

cnpm install vue-cli -g 进行安装。

参考：链接