最近項目用到了vue,所以簡單的學習一下
首先要搞清楚下面的概念:nodejs, npm, cnpm, vue-cli, webpack
1.從官網上下載nodejs 並在對應的文件夾下創建兩個文件夾:node-cache node-global
2.因為最新的nodejs中已經有了npm 所以不需要在npm安裝
3.在配置環境中配置nodejs:
D:\Program Files\nodejs
D:\Program Files\nodejs\node-global
4.安裝vue-cli
5.最新的vue上面已經有了webpack
6.通過vue來創建項目,並進行初始化
7.進到項目路徑下通過命令:npm run dev 進行啟動
優化:
8.通過webstorm將vue項目打開,並添加npm 啟動
9.將npm可以轉為cnpm來進行創建項目
遇到的問題:
1.found 6 vulnerabilities (3 moderate, 3 high)
run `npm audit fix` to fix them, or `npm audit` for details
方案:執行 npm audit fix 命令,會顯示問題的詳情描述
在網上有人說:
刪除根目錄下面的 node_modules 文件夾,然后重新執行’npm install’,這樣相關依賴組件就會下載安裝完成,問題解決
哎,試了沒有卵用,后來找了找
正確方案:第一步:npm cache clean --force
第二步:將node_modules 依賴包刪除
第三步:npm install
第四步:npm run dev
如果上面的步驟還不行!!!
那就用安裝淘寶鏡像:npm install -g cnpm --registry=https://registry.npm.taobao.org
將上邊的三步改為:cnpm install ,其他步驟依舊
學習element ui 登錄頁面:https://www.jianshu.com/p/96143f0917aa