在使用webpack之前,需確保安裝好環境,因為我的專案使用npm進行初始化,所以需要先配置node.js的環境,也可以使用yarn進行專案初始化
$ node -v
如果安裝成功,會顯示版本號
安裝完node後,我們開始正式初始化我們的vue專案
vue中文官網
開啟官網,使用npm進行安裝(使用npm前需要有node的環境)
使用vue官方提供的快速構建腳手架vue-cli
// 使用vue官方提供的快速構建腳手架vue,這裡進行全域性安裝
$ npm install -g vue-cli
安裝完成後,進行專案的初始化
// 初始化的命令為 $ vue init webpack 專案名,如下例子
$ vue init webpack my-demo
命令開始後,會進行模板建立的資訊的初步建立
第一項:專案名,直接確認(enter鍵)
第二項:專案描述,也是確認
第三項:作者資訊,可以自行設定
第四項:會有選項,選擇第一項 standalone
第五項:vue-router外掛程式,具體請看vue-router官網,這裡作者因為專案需要,所以選擇了yes(y)
第六項:eslint,一種**規範和錯誤檢查工具,能夠幫助我們的vue專案有乙個統一的**風格,這裡選擇y
第七項:在上一項選擇y後,有安裝選擇項,選擇standard
第八項:單元測試,作者目前專案不需要,所以選擇n
第九項:好像也是測試,也是選擇n
最後一項:選擇安裝工具,可以使用node提供的npm,也可以使用yarn,yarn具體官網,因為之前安裝了node,所以這裡使用npm,確認後等待專案的初始化完成
初始化完成
React腳手架專案初始化基本流程
工具會自動初始化乙個腳手架並安裝 react 專案的各種必要依賴,如果在過程 現網路問題,請嘗試配置 或使用其他 npm registry。然後我們進入專案並啟動。cd antd demo yarn start此時瀏覽器會訪問 http localhost 3000 看到 welcome to re...
vue腳手架搭建專案
首先安裝node,npm會自動安裝,node v 和 npm v檢視是否安裝成功和版本 切換npm為cnpm使用 映象源 npm install cnpm g registry cnpm 檢視是否成功和版本號 安裝vue cli cnpm install g vue cli vue v檢視版本 進入...
vue搭建腳手架專案
cli 3.0.0 g 安裝webpack打包工具 4 npm install webpack g 5 npm install g vue cli 安裝vue框架 6 新建vue專案路徑和專案及其所在的專案資料夾 後續安裝準備工作 7 cd c 個人 vuejs 然後enter回車鍵 開始找上乙個步...