學習vue


最近項目用到了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


免責聲明!

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



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