Vue 2.x windows环境下安装教程

一.安装node(vue-cli需要)

1. 如果是干净环境的话，可以直接下载安装 官网地址：https://nodejs.org/zh-cn/ 推荐下载稳定版
2. 如果不确定是否安装过的话，在cmd中输入node -v 查看node的版本
3. 默认安装，可以修改安装位置，不一定要在C盘下
4. 默认的全局安装包，存放的位置在：C:\Users\用户名\AppData\Roaming\npm。
   注意：存放在C盘下，可能空间不够，可以通过npm config set 来修改
   方法如下：
   npm config set prefix "D:\nodejs\npm"
npm config set cache "D:\nodejs\npm_cache"
   *修改以上内容后，需要重新修改一下环境变量
   将用户变量中的path 中的 C:\Users\AMY\AppData\Roaming\npm 修改为 D:\nodejs\npm*

二.安装vue(建议使用管理员模式 启动cmd)

1. 安装完node后，自动安装npm，在cmd中输入npm -v 查看npm的版本，使用node 安装vue-cli
2. 在cmd中输入npm install -global vue-cli
3. 安装以后应该是vue的2.9.6版本，在cmd中输入vue -V 查看vue-cli的版本
   *注意：用Power Shell 打开会有这个错误
   vue : 无法加载文件 \Node.js\node\_global\vue.ps1。未对文件 \Node.js\node\_global\vue.ps1 进行数字签名。无法在当前系统上运行该脚本
   需要在power shell 里面 set-ExecutionPolicy RemoteSigned 就可以了*

三.安装vscode

1. 浏览器打开官网 https://code.visualstudio.com/ 点击主界面上的按钮 下载
   *注意：有时候，可能出现使用chrome浏览器，官网下载过慢的问题。
   解决方法：修改vscode的下载地址的镜像为国内镜像，
   例如：chrome 下载内容中的地址为：
   https://az764295.vo.msecnd.net/stable/cfa2e218100323074ac1948c885448fdf4de2a7f/VSCodeUserSetup-x64-1.56.0.exe
   将 az764295.vo.msecnd.net 修改为vscode.cdn.azure.cn 即
   https://vscode.cdn.azure.cn/stable/cfa2e218100323074ac1948c885448fdf4de2a7f/VSCodeUserSetup-x64-1.56.0.exe*

四.安装vscode插件

=================================

=================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================

===================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================

参考链接 https://zhuanlan.zhihu.com/p/347926284

自己使用中用到的比较多的

1. Chinese (Simplified) Language Pack for Visual Studio Code VSCODE汉化包（有时候，可能自己就安装了）
2. Vetur VSCODE Vue工具包
3. Auto Complete Tag 自动重命名和关闭标签（这个会自动安装 Auto Rename Tag 和Auto Close Tag）
4. Path Intellisense 路径自动补全
5. JavaScript(ES6) code snippets 自动补全ES6语法
6. Bracket Pair Colorizer 括号自动配对
7. Live Server （谁用谁知道）
8. open in browser
9. Drink water reminder