一、安裝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
)