windows 安裝 vscode nodejs vue

一、安裝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/make_1998/article/details/104648408?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task

https://blog.csdn.net/wjhl04/article/details/82876426

https://blog.csdn.net/inthat/article/details/90268110

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章