使用 vue-cli 建立模板專案
阿新 • • 發佈:2018-12-16
說明
1)vue-cli 是 vue 官方提供的腳手架工具
安裝
node.js網站 找到關於linux64位的 左邊第一個 8.12.0LTS
安裝完以後是個壓縮包 我們進行解壓
然後開啟終端 將解壓的包 拖到 終端上獲取 包的全域性路徑
將路徑進行 軟連線
將npm 和 node軟連線到 /usr/local/bin/node 和 /usr/local/bin/npm
sudo ln -s /home/lbc/Desktop/node-v8.12.0-linux-x64/bin/npm /usr/local/bin/npm sudo ln -s /home/lbc/Desktop/node-v8.12.0-linux-x64/bin/node /usr/local/bin/node
完成之後在任意資料夾下檢視版本
然後建立個資料夾 這就是你的專案 然後輸入命令 建立專案等待下載完成
npm install -g vue-cli
然後 嘗試輸入vue看看 能不能出現快捷鍵
如果不出現 我們就要建立個軟連線然後開啟終端
將路徑進行 軟連線
將vue軟連線到 /usr/local/bin/vue
sudo ln -s /home/lbc/Desktop/node-v8.12.0-linux-x64/bin/vue /usr/local/bin/vue
然後按照以下步驟輸入
這樣就搭建成了專案
然後進入你建立的專案 我們接著輸入命令
npm install
如果在下載中出現報錯 並出現紅框上的錯誤 我們要這樣解決
輸入‘npm audit fix’後,控制檯提示:
1 package update for 5 vulns involved breaking changes
(use `npm audit fix --force` to install breaking changes; or do it by hand)
輸入:‘npm audit fix --force’後,控制檯提示:
added 199 packages from 111 contributors, removed 64 packages and updated 23 packages in 42.194sfixed 5 of 5 vulnerabilities in 1117 scanned packages 1 package update for 5 vulns involved breaking changes (installed due to `--force` option)
重新輸入‘npm audit’:
=== npm audit security report ===
found 0 vulnerabilities
in 4598 scanned packages
終於一切正常
然後輸入命令讓專案跑起來
npm run dev
點選下方的連結 就會展示你的專案
這樣就展示出來了