vue腳手架4.0在2019年10月16日(據(jù)說)正式發(fā)布盆均，臥槽無情，因為我甚至還不知道3.0長什么樣子~~~~~~~~~~~~~~~~~~~~~~
如果我們以前在自己電腦中安裝過vue-cli首先你需要將它卸載
npm uninstall vue-cli -g
安裝vue-cli4.0版本漱逸，有條件可以配置下cnpm泪姨，這樣下載快點居砖，用yarn也中
npm install @vue/cli -g
mac安裝和卸載，如果你沒有設(shè)置過驴娃，需要加sudo
sudo npm install @vue/cli -g
安裝完成后奏候，輸入vue --version，我就手打了唇敞，插圖還要我去截圖
vue --version
// 終端輸出：@vue/cli 4.0.5 就ok了
創(chuàng)建項目蔗草，windows和mac無差別，記住下面這句命令疆柔，但是千萬先別執(zhí)行咒精，往下看
// vueapp就是你的項目名稱，建議不要用中文旷档，不要用駝峰出現(xiàn)大寫模叙，用中劃線或者下劃線也可以
vue create vueapp
這里我們需要注意一個嚴重的問題就是生成應(yīng)用的時候?qū)τ诎惭b選項的選擇，在vuecli3.0之后鞋屈，改成了通過上下鍵和空格鍵來選擇和確認安裝項了范咨，mac直接忽略下面這一段廢話，直接看選項選擇即可厂庇，windows需要注意渠啊，貼圖-.-
上面，我們用的是windows下的git終端來進行操作权旷，發(fā)現(xiàn)上下鍵并沒有什么L用替蛉，更不用提空格來選擇了，因此我們可以用windows自帶的powershell
在要創(chuàng)建應(yīng)用的文件夾中拄氯，按住shift+鼠標右鍵就會出現(xiàn)在此處打開powershell窗口或者在此處打開命令窗口躲查，然后移動鼠標點擊打開，或者通過窗口鍵+R鍵輸入cmd译柏，打開終端也行镣煮，使用d:或者e:或者c:這種磁盤名稱加冒號的形式就可以切換磁盤位置，看下圖powershell終端創(chuàng)建
使用powershell來創(chuàng)建應(yīng)用艇纺，這時候怎静，我們會發(fā)現(xiàn)上下鍵是可用的，直接可進行選擇黔衡，我們這一步選擇第二項，第二項是進行手動選擇功能腌乡，然后回車進入下一步
選擇安裝項盟劫，通過上下鍵來選擇，通過空格鍵來確認与纽，我選擇了上圖這些我需要用到的侣签，然后回車塘装，下面是對選項的一個解釋，
1 ? Check the features needed for your project: (Press <space> to select, <a> to toggle all, <i> to invert selection)
2 >( ) Babel //轉(zhuǎn)碼器影所，可以將ES6代碼轉(zhuǎn)為ES5代碼蹦肴，從而在現(xiàn)有環(huán)境執(zhí)行。
3 ( ) TypeScript// TypeScript是一個JavaScript（后綴.js）的超集（后綴.ts）包含并擴展了 JavaScript 的語法猴娩，需要被編譯輸出為 JavaScript在瀏覽器運行阴幌，目前較少人再用
4 ( ) Progressive Web App (PWA) Support// 漸進式Web應(yīng)用程序
5 ( ) Router // vue-router（vue路由）
6 ( ) Vuex // vuex（vue的狀態(tài)管理模式）
7 ( ) CSS Pre-processors // CSS 預(yù)處理器（如：less、sass）
8 ( ) Linter / Formatter // 代碼風格檢查和格式化（如：ESlint）
9 ( ) Unit Testing // 單元測試（unit tests）10 ( ) E2E Testing // e2e（end to end） 測試
到這一步基本快完成了卷中，選擇你用的css預(yù)編譯器矛双，如何存放配置，是否確認本次配置等等蟆豫，這些英文看不懂查下就行议忽，或者看心情來，該yes的就y該no的就n十减，看不懂的就回車栈幸，如下圖
項目生成及依賴下載中
依賴下載完成，按照提示運行項目
到這里帮辟，使用vue-cli4.0就完成了一個應(yīng)用的生成了侦镇，目錄文件和之前版本有所差別，但是不是特別大织阅，如果要做跨域代理壳繁，或者webpack的一些配置，可以在根目錄創(chuàng)建一個vue.config.js進行配置荔棉！
