摘要：近段時(shí)間常使用開發(fā)，寫點(diǎn)記錄，避免時(shí)間久之忘了。安裝教程查看是否已安裝，在中輸入若已安裝則輸出版本號(hào)。繼承報(bào)錯(cuò)可能是文件路徑問題。當(dāng)和繼承的不同時(shí)在文件夾內(nèi)外的話，會(huì)出現(xiàn)該錯(cuò)誤。

近段時(shí)間常使用vue-cli開發(fā)，寫點(diǎn)記錄，避免時(shí)間久之忘了。

1. nodejs
　　vue-cli開發(fā)基于nodejs環(huán)境，確保開發(fā)的環(huán)境中已安裝了nodejs。
　　安裝教程 https://www.runoob.com/nodejs...
　　查看是否已安裝nodejs，在cmd中輸入 node --version 若已安裝則輸出版本號(hào)。

2. vue
　　安裝vue環(huán)境 npm install vue
　　安裝vue-cli環(huán)境，npm install --global vue-cli

1. 新建模板
　　新建一個(gè)projectname的項(xiàng)目 vue init webpack projectname
　　之后會(huì)出現(xiàn)Project name和Project description之類的，無關(guān)緊要，可以修改，也可以默認(rèn)跳過。
　　是否安裝路由 ?Install vue-router?(Y/n) Y //看情況定，一般都有用到
　　初始化項(xiàng)目完畢，根據(jù)提示操作，模塊安裝完后即可啟動(dòng)項(xiàng)目 npm run dev

2. 修改配置
　　安裝的模板有些配置一般情況不符合自己需要，需要手動(dòng)做些修改。
　　build文件夾utils.js文件中設(shè)置 publicPath: "../../" 解決圖片路徑找不到的問題
　　config文件夾的index.js文件build對(duì)象下的 assetsPublicPath: "./" 解決打包后的項(xiàng)目頁面空白問題

3. 安裝模塊
　　使用模塊配合開發(fā)，如 Vue + Vuex + elementUI + axios + font-awesome + scss

Scss

　　安裝 Scss，使用方式