因爲vue-cil的更新 ,使用原先的vue init webpack projectName 這個命令已經沒法建立新的項目了,因此採用了vue-cil3來搭建項目:css
環境配置: 首先肯定你的電腦上最好有高版本的node,使用node -v來檢查版本的級別,個人版本是vue
安裝最新版本的vue-cil(意思是若是你已經安裝了vue-cli (1.x or 2.x)的版本,你須要先卸載後再安裝)node
npm uninstall vue-cli -g // 卸載舊版本
複製代碼
安裝新版本webpack
npm install -g @vue/cli
複製代碼
安裝完畢以後,打開終端,輸入web
vue create vue-test
複製代碼
根據出現的提示,進行配置:vue-cli
選像前面出現綠色表示已經選中按住ctrl選擇你要選擇的,此處咱們選擇須要Babel編譯、使用Vue路由、Vue狀態管理器、CSS預處理器、代碼檢測和格式化、以及單元測試,暫時不考慮端到端測試(E2E Testing)npm
路由選擇會提示咱們是否選擇history模式,選擇ybash
能夠按照本身的項目須要選擇,這裏個人css預處理選擇的是less,最後會出現是否將其保存爲模板;less
這樣咱們的一個模板就建立好了,項目的目錄以下:單元測試