Vue腳手架初始化專案

2021-09-02 19:13:32 字數 1080 閱讀 9786

在使用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回車鍵 開始找上乙個步...