使用 vue-cli 創建模板項目

說明

1）vue-cli 是 vue 官方提供的腳手架工具

2）github: https://github.com/vuejs/vue-cli

3）作用: 從 https://github.com/vuejs-templates 下載模板項目

安裝

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

點擊下方的鏈接 就會展示你的項目

這樣就展示出來了