1.安裝node.js環境。npm是nodejs的一個子內容,所以要使用npm,就一定要先安裝nodejs
2.運行cmd 輸入 node -v 有版本出現說明成功。---安裝其他盤: 輸入 e: 回車==》輸入 cd nodejs 回車===》輸入node -v 或npm -v出現版本號,說明成功。
3.打開vscode ===》新建終端===》npm install
4.由於node不是安裝在默認C盤,會提示npm不是內部命令,需設置環境變量,Windows10 ----https://blog.csdn.net/qq_29712995/article/details/79094433
5.https://www.cnblogs.com/ldq678/p/10291824.html -----Windows7
6.直接默認安裝盤省事。
7.既然nodejs的安裝目錄都不想放到C盤,那么通過npm下載的包更不想放在C盤。我希望統一管理,把npm全局下載的包都保存到nodejs的根目錄下,也就是“E:\nodejs”這個路徑下
第一步,在“E:\nodejs”目錄下創建“node_global"和”node_cache"2個子目錄。其中node_cache是作為緩存目錄來使用的,node_global就是全局下載文件的目錄。
接下來要做參數設置,否則,默認的還是往【C:\Users\用戶名\AppData\Roaming\npm】這個目錄下保存全局下載文件。
npm config set prefix "e:\nodejs\node_global" npm config set cache "e:\nodejs\node_cache"
8.設置windows操作系統全局環境變量---
”計算機“->"屬性-》”高級系統設置“->”高級“->”環境變量“ --這個窗口分為上下兩個部分,上半部分是“用戶變量”它只針對當前登錄windows的賬戶起作用。下半部分是“系統變量”,對整個操作系統起作用。
在系統變量這一欄中,點擊“新建”按鈕,添加一個變量名“NODE_PATH",值為”e:\nodejs\node_global\node_modules“
在用戶變量這一部分,找到”path“變量,並修改為”e:\nodejs\node_global\“,如果用戶變量里沒有”path“變量,那么就創建一個.這一步也非常關鍵,由於我們前面改變了module的默認路徑,這一步如果不設置,那么就會導致輸入命令出現“xxx不是內部或外部命令”的錯誤。
一. vue-cli初始化
1. 全局安裝 vue-cli
npm install --global vue-cli
2. 創建一個基於 webpack 模板的新項目
vue init webpack my-project
3. 安裝依賴
cd my-project
npm install (換源安裝: npm install --registry https://registry.npm.taobao.org )
4.啟動:
npm run dev
5.打包:
npm run build
二. 安裝額外的依賴包
1. 兩種依賴包的安裝方式
1.1 項目依賴包
npm install --save vue
1.2 開發依賴包
npm install --save-dev webpack
2. less依賴包
npm install --save-dev less less-loader
3. 網絡請求axios依賴包
npm install --save axios
4. axios低版本瀏覽器補丁es6-promise依賴包
npm install --save es6-promise
5. 路由安裝
npm install --save vue-router
6. 狀態管理安裝
npm install --save vuex
7. cookie封裝庫
npm install --save js-cookie
8.Vue中加入國際化(i18n)中英文功能