vue腳手架3.0的搭建


一、安裝node

打開cmd輸入node -v查看是否安裝成功

顯示node版本號表示安裝成功,顯示‘node’不是內部或外部命令表示未安裝node。
node安裝地址:http://nodejs.cn/download/
注 :安裝 vue-cli 腳手架目前需要node版本為 v4.0 以上。

二、vue-cli3.0全局安裝

輸入npm install -g @vue/cli命令全局安裝,完成后輸入vue -V(V大寫)查看是否安裝成功。

顯示vue版本表示安裝成功。

輸入vue查看vue命令

三、開始創建項目

新建一個文件夾,cmd切換到該文件夾,輸入vue create project-name命令。


按鍵盤上下鍵選擇默認(default)還是手動(Manually),如果選擇default,一路回車執行下去就行了(注:現在vue-cli3.0默認使用yarn下載),這里我們來選擇手動下載。

四、進行配置選擇

你項目中用到哪些就選擇相應的進行配置就行了(注:空格鍵是選中與取消,A鍵是全選)。

五、選擇css預處理,這里我選擇stylus

六、選擇ESLint + Prettier

七、選擇語法檢查方式,這里我選擇第一個保存就檢測

八、選擇把Babel、PostCss、ESLint這些配置的文件放哪里,這里我選擇第一個獨立放置文件

九、是否記錄以便下次繼續使用這套配置(選擇Y需要輸入保存名字,N不記錄)

十、等待下載依賴模塊

十一、cd到project-name然后npm run serve啟動項目

十二、修改端口,在根目錄下創建vue.config.js

官方vue.config.js 參考文檔 https://cli.vuejs.org/zh/config/#css-loaderoptions


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM