一、安装VSCode
1、在官网下载并安装VSCode
https://code.visualstudio.com/Download
- 注意:解压到非系统盘(节约系统盘空间,也方便后面使用)
- 文件夹最好(其实一般也可以包含空格)不要出现中文和空格,如:解压到D:\Microsoft VS Code
2、安装,使用
在D:\Microsoft VS Code文件下,找到 Code.exe,并运行Code.exe即可。
3.将VScode修改为中文环境
1)下载安装中文语言包
点击左侧工具栏的extensions或者使用快捷键【Ctrl+Shift+X】,输入chinese,点击Install安装中文简体
2)配置环境
使用快捷键【Ctrl+Shift+P】弹出查找命令框,输入language, 找到Configure Display Language,点击,选择locale属性为"zh-CN",如下图所示:
然后选择 为"zh-CN":
3)重启vscode
安装成功,配置好啦。
二、安装nodejs
1.下载node:
下载地址:http://nodejs.cn/download/
node.js的zip包安装时是直接解压缩后就可以了,
node.js的msi包是傻瓜式一路next就可以了
选择一中方式就可以
2.解压后的目录,或者mis安装后的目录如下:
3.安装完后,可以在命令行中输入node -v 来查看安装版本和是否安装成功
4.建文件夹
在如上图所示文件位置,并新建两个目录
node-global :npm全局安装位置 node-cache:npm
5.修改npm配置
修改npm配置
配置npm的全局模块的存放路径以及cache的路径,可以用一下两个命令完成。
npm config set prefix "D:\Node.js\node-global"
npm config set cache "D:\Node.js\node-cache"
这样此后所安装的模块都会安装到改路径下。
6.配置环境变量
6.1.node_path环境变量:
将node.exe 所在的目录添加到path环境变量,这样我们在使用命令行时就可以在任意路径使用node命令了,
D:\nodejs
6.2.node_gloable环境变量:
由于webpack在node-global文件夹中做了映射,所以也要将node-global加入path环境变量即可。
D:\nodejs\node_modules\node_global
7.测试 npm install -g grunt-cli
三、vue安装配置
借鉴(
https://blog.csdn.net/wjhl04/article/details/82876426
https://blog.csdn.net/inthat/article/details/90268110
)