vue腳手架3.0的安裝與使用

一、安裝

1、先檢查是否有安裝vue  （vue-cli3需要node大於等於8.9版本）

　　//vue -V

2、如果沒安裝跳過、安裝有3.0以下的版本就的先卸載掉以前的版本

　　npm uninstall vue-cli -g  //或者yarn global remove vue-cli

3、卸載好后、接着開始安裝新版本cli

　　npm install -g @vue/cli  //yern global add @vue/cli

二、使用

　　1、vue create（項目名）開始新建項目

　　　　

　　2、接着你會看到一個預設

　　

 

 　　除了最后兩個、其它都是以前保存過的

　　（1）default（babel,eslint）能夠快速構建一個項目、沒附帶人格輔助功能npm包

　　（2）Manually select features 自定義依賴npm包

　　3、接下來會看到這個樣子的如下圖、選着一些依賴等（空格選擇）

　　

 　　1 ? Check the features needed for your project: (Press <space> to select, <a> to toggle all, <i> to invert selection)
 　　2 >( ) Babel //轉碼器，可以將ES6代碼轉為ES5代碼，從而在現有環境執行。 
 　　3 ( ) TypeScript// TypeScript是一個JavaScript（后綴.js）的超集（后綴.ts）包含並擴展了 JavaScript 的語法，需要被編譯輸出為 JavaScript在瀏覽器運行，目前較少人再用
 　　4 ( ) Progressive Web App (PWA) Support// 漸進式Web應用程序
 　　5 ( ) Router // vue-router（vue路由）
 　　6 ( ) Vuex // vuex（vue的狀態管理模式）
 　　7 ( ) CSS Pre-processors // CSS 預處理器（如：less、sass）
 　　8 ( ) Linter / Formatter // 代碼風格檢查和格式化（如：ESlint）
 　　9 ( ) Unit Testing // 單元測試（unit tests）
　　10 ( ) E2E Testing // e2e（end to end） 測試

　　

 

 4、接下來會問你是否使用history router

　　

 

 5、后面緊接着會提示使用css預編、代碼測試、何時測試、單元測試等。選擇完后會問你是否保存本次選擇的、然后給本次保存起個名字

 

 

 最后安裝完 npm run serve 啟動項目