vue-cil3搭建項目(僅限於window環境)

因爲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

這樣咱們的一個模板就建立好了,項目的目錄以下:單元測試

相關文章
相關標籤/搜索