一.安装node(vue-cli需要)
- 如果是干净环境的话,可以直接下载安装 官网地址:https://nodejs.org/zh-cn/ 推荐下载稳定版
- 如果不确定是否安装过的话,在cmd中输入node -v 查看node的版本
- 默认安装,可以修改安装位置,不一定要在C盘下
- 默认的全局安装包,存放的位置在:C:Users用户名AppDataRoaming
pm。
注意:存放在C盘下,可能空间不够,可以通过npm config set 来修改
方法如下:
npm config set prefix "D: odejs pm"
npm config set cache "D: odejs pm_cache"
修改以上内容后,需要重新修改一下环境变量
将用户变量中的path 中的 C:UsersAMYAppDataRoaming pm 修改为 D: odejs pm
二.安装vue(建议使用管理员模式 启动cmd)
- 安装完node后,自动安装npm,在cmd中输入npm -v 查看npm的版本,使用node 安装vue-cli
- 在cmd中输入npm install -global vue-cli
- 安装以后应该是vue的2.9.6版本,在cmd中输入vue -V 查看vue-cli的版本
注意:用Power Shell 打开会有这个错误
vue : 无法加载文件 Node.js ode_globalvue.ps1。未对文件 Node.js ode_globalvue.ps1 进行数字签名。无法在当前系统上运行该脚本
需要在power shell 里面set-ExecutionPolicy RemoteSigned
就可以了
三.安装vscode
- 浏览器打开官网 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
自己使用中用到的比较多的
- Chinese (Simplified) Language Pack for Visual Studio Code VSCODE汉化包(有时候,可能自己就安装了)
- Vetur VSCODE Vue工具包
- Auto Complete Tag 自动重命名和关闭标签(这个会自动安装 Auto Rename Tag 和Auto Close Tag)
- Path Intellisense 路径自动补全
- JavaScript(ES6) code snippets 自动补全ES6语法
- Bracket Pair Colorizer 括号自动配对
- Live Server (谁用谁知道)
- open in browser
- TODO Tree