vscode前端項目


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)中英文功能

npm install vue-i18n --save


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM