vue如何腳手架流程
1.安裝node.js? (安裝過的可以跳過? 官網(wǎng)地址放到下面?需要可以自家下載)
? ? ? ? node.js下載網(wǎng)址? ?
? ? ? ? ?安裝完成后?可以打開cmd控制臺? 輸入下圖上面的指令?出現(xiàn)版本號就安裝成功了 (是不是很簡單)
也有可能失敗咙好，失敗的原因可能是系統(tǒng)權(quán)限服鹅，可以自己百度一下? （網(wǎng)上都有很多解決方法的哦）
Node.js是什么可以自己百度一下 （自己比較懶?就不寫了）
1.安裝vue腳手架
????全局安裝vue-cil，也就是所謂的腳手架
? ?1. 用npm安裝（國際開源庫生態(tài)系統(tǒng)）
????用cnpm安裝（使用國內(nèi)鏡像安裝）
????你先用淘寶鏡像安裝cnpm才可以使用哦
.npm install -g cnpm --registry=https://registry.npm.taobao.org
檢查是否安裝上（cnpm -v）
2.?用cnpm安裝vue腳手架
cnpm install -g vue-cli
最后檢查自己是否安裝上：（vue -V）記住這里的-V是大寫字母V买决，（是大寫? 是大寫?是大寫?重要的事情說三遍）
特別注意：
1.如果提示“無法識別”限匣，有可能是npm的版本過低薯演。
解決辦法：npm install -g npm（更新一下版本就好了）骂因。
2.?如果安裝失敗的話徘键。
解決辦法：npm cache clean（清除一下緩存就好了）
3.生成vue項目
? ? 1.ps:這里不知道怎么描述? 我就口述一下 （你要把項目放到哪個目錄下。? ? 自行腦補吧）
? ? 2.
出現(xiàn)上面的圖片顯示的就成功了
ps: （小白可以一路回車?有需要可以在看）
3.配置成功后央碟，可以看到目錄下多出一個項目文件夾税灌，里面放的就是項目目錄
? ? 然后cd ：mai （我的是mai你的可能不是哦? 看清楚）
4.啟動項目
? ? ? ? cmd控制臺輸入指令（npm run dev）
? ? 出現(xiàn)這個界面 （真好?沒有報錯?就可以打開瀏覽器?輸入localhost：8080?就可以看見這個頁面了）
（可以愉快的敲敲敲了。。垄琐。经柴。）
附上項目結(jié)構(gòu)文件
各個文件夾的含義如下：
|-- build? ? ? ? ? ? // 項目構(gòu)建(webpack)相關(guān)代碼
| ??|-- build.js? ? ? ? ?// 生產(chǎn)環(huán)境構(gòu)建代碼
| ??|-- check-version.js? ? ? // 檢查node狸窘、npm等版本
| ??|-- dev-client.js? ? ? ? // 熱重載相關(guān)
| ??|-- dev-server.js? ? ? ? ?// 構(gòu)建本地服務器
| ??|-- utils.js? ? ? ? ? ? ?// 構(gòu)建工具相關(guān)
| ??|-- webpack.base.conf.js? ? ?// webpack基礎(chǔ)配置
| ??|-- webpack.dev.conf.js? ? ? // webpack開發(fā)環(huán)境配置
| ??|-- webpack.prod.conf.js? ? ?// webpack生產(chǎn)環(huán)境配置
|-- config? ? ? ? ? ?// 項目開發(fā)環(huán)境配置
| ??|-- dev.env.js? ? // 開發(fā)環(huán)境變量
| ??|-- index.js? ? ?// 項目一些配置變量
| ??|-- prod.env.js? ?// 生產(chǎn)環(huán)境變量
| ??|-- test.env.js? ?// 測試環(huán)境變量
|-- src? ? ? ? ? ?// 源碼目錄
| ??|-- components? ? // vue公共組件
| ??|-- store? ? ? ? // vuex的狀態(tài)管理
| ??|-- App.vue? ? ? ?// 頁面入口文件
| ??|-- main.js? ? ? ?// 程序入口文件，加載各種公共組件
|-- static? ? ? ? ? ? // 靜態(tài)文件坯认，比如一些圖片翻擒，json數(shù)據(jù)等
| ??|-- data? ? ? ? // 群聊分析得到的數(shù)據(jù)用于數(shù)據(jù)可視化
|-- .babelrc? ? ? ? ? ?// ES6語法編譯配置
|-- .editorconfig? ? ? // 定義代碼格式
|-- .gitignore? ? ? ? // git上傳需要忽略的文件格式
|-- README.md? ? ? ?// 項目說明
|-- favicon.ico
|-- index.html? ? ? // 入口頁面
|-- package.json? ? // 項目基本信息
