VUE环境搭建

下载

官网下载node.js
官网下载vscode

Visual Studio Code官网下载很慢，在网上找了解决办法，把如下的下载地址

https://az764295.vo.msecnd.net/stable/abd2f3db4bdb28f9e95536dfa84d8479f1eb312d/VSCodeUserSetup-x64-1.82.2.exe

替换成

https://vscode.cdn.azure.cn/stable/abd2f3db4bdb28f9e95536dfa84d8479f1eb312d/VSCodeUserSetup-x64-1.82.2.exe

速度立马加快。关键是“vscode.cdn.azure.cn”

安装

如果更改node.js安装路径，如安装到g：盘，请设置

npm config set prefix "g:\nodejs\node_global"
npm config set cache "g:\nodejs\node_cache"

环境变量path中
g:\nodejs\node_global\

下载安装cnpm并且使用淘宝的服务器做为的包源 。
输入命令：

npm install -g cnpm --registry=https://registry.npm.taobao.org

注意registry前面是两个杠啊。
完成后输入

cnpm –v

可查看到相关信息

输入

cnpm install webpack -g

安装

报错解决

cnpm rebuild node-sass

#不放心可以重新安装下

cnpm install

安装vue客户端
输入

cnpm install vue-cli -g

安装，

安装打包工具
输入

vue init webpack test1

新建一个项目

svn
vscode安装插件svn

安装vue cli3

首先卸载旧版本（如果事先安装了vue cli1.x或者vue cli2.x，要先卸载掉）

npm uninstall vue-cli -g

安装Vue cli

npm install -g @vue/cli

查看Vue cli的版本

vue --version