vue.js 這個(gè)JavaScript框架在現(xiàn)在的市場上很火贪婉，官方網(wǎng)址https://cn.vuejs.org/
但是在官方里沒有介紹怎么使用vue-cli搭建項(xiàng)目環(huán)境苗踪，一開始接觸到vue的時(shí)候只會使用 <script> 標(biāo)簽直接引入整以，其他的就是一臉懵逼擂错，慢慢的也對這個(gè)框架有些熟悉了鹿鳖，挺好用的本鸣，現(xiàn)在也有很多人在用這個(gè)框架開發(fā)網(wǎng)站疫衩，
雖然我是一個(gè)搞android開發(fā)的，但是技多不壓身永高，適應(yīng)市場需求
1隧土，首先要安裝node.js（這是windows系統(tǒng)），
https://nodejs.org/en/download/
判斷node是否安裝成功在小黑框里命爬，輸入node -v
如圖所示便成功了(有顯示版本號)曹傀；
2，安裝vue-cli;
npm install -g vue-cli
檢驗(yàn)是否成功的
3饲宛，找到指定的文件夾創(chuàng)建項(xiàng)目
vue init 模板 項(xiàng)目名
在這介紹一下常用模板
1)webpack-simple 小型項(xiàng)目推薦使用皆愉，沒有 Eslint 代碼檢查
2)webpack 大型項(xiàng)目推薦使用 可選擇是否安裝Eslint代碼檢查
ps:初學(xué)者建議不要安裝Eslint，因?yàn)檫@玩意會處處針對你，讓你的代碼要寫規(guī)范
這里演示模板webpack項(xiàng)目搭建
接著就會出現(xiàn)這個(gè)幕庐，藍(lán)色字體的 有的輸入的久锥，有的是選擇的
打開文件夾會發(fā)現(xiàn)這里有個(gè)剛剛創(chuàng)建的項(xiàng)目
4，安裝項(xiàng)目依賴
在小黑框里將路徑跳轉(zhuǎn)到剛剛創(chuàng)建的項(xiàng)目里
輸入
npm install
接著就會開始下載依賴异剥，下載的過程比較慢瑟由，因?yàn)閚pm的服務(wù)器在國外，所以慢慢等吧
這樣便安裝成功了冤寿。
在webstorm上打開項(xiàng)目歹苦，項(xiàng)目結(jié)構(gòu)如下
5，運(yùn)行項(xiàng)目
在小黑框輸入
npm run dev
不發(fā)生意外的話督怜，瀏覽器就會出現(xiàn)這個(gè)界面
