nodejs npm cnpm vue-cli 環境初始化

windows 版安裝

下載安裝

安裝

http://nodejs.cn/

默認路徑C:\Program Files\nodejs\

驗證

 

配置

命令行配置參數

npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache "D:\Program Files\nodejs\node_cache"

配置環境變量

NODE_PATH  D:\Program Files\nodejs\node_global\node_modules

 

 驗證

npm install express -g

安裝完成后D:\Program Files\nodejs\node_global\node_modules\express  有express目錄

命令驗證

查看path ， 確認path已加載

 

加載成功

 

 安裝cnpm

安裝

npm install -g cnpm --registry=https://registry.npm.taobao.org

環境變量添加

D:\Program Files\nodejs\node_global

測試

 cnpm -v

 

linux版環境安裝

#todo

 

vue-cli安裝

npm install -g vue-cli

安裝完測試vue命令正常

安裝vue init webpack vue_demo    # 在當前目錄生成Vue_Demo目錄

cd Vue_Demo   (自動變為大寫)

npm run dev

 

網頁可訪問

實際文件位置 Vue_Demo\src\components\HelloWorld.vue

 

 

 參考

https://www.cnblogs.com/yominhi/p/7039795.html

 https://www.cnblogs.com/lainiao/p/4299790.html