使用vue cli腳手架建立專案

目錄使用以下命令安裝vue-cli腳手架

npm install -g @vue/cli

# or
yarn global add @vue/cli

> node_modules  // 專案依賴檔案

> public  // 靜態資源檔案
> src  // 我們寫**的地方
> tests  // 測試檔案
.browserslistrc   // 瀏覽器版本的配置
.editorconfig   // 編輯器的設定
.eslintrc.js  // **格式校驗的配置
.gitignore  // git上傳的忽略檔案
babel.config.js  // babel的配置
cypress.json  // e2e測試配置
jest.config.js  //單元測試配置
package.json  //專案的描述檔案

> assets  // 靜態資源檔案

> components  // 元件
> router  // 路由
> store  // 狀態管理器
> views  // 檢視頁面
main.js  //入口檔案
registerserviceworker.js  //生產環境下的一些操作

vue cli腳手架建立專案

一直預設就行，路徑可以改變但要記得到 安裝完成後開啟cmd，輸入 node vnpm v如果能看到node和npm的版本號了，說明已經安裝成功 首先利用 映象安裝cnpm 安裝完成，輸入 cnpm v可以檢視當前cnpm版本，這個和npm的版本還是不一樣的 然後全域性安裝 vue cli cnpm ...

vuecli腳手架的安裝與腳手架建立專案

安裝最新版本腳手架，進入終端輸入命令 npm install g vue cli由於vuecli3.0之後與2.0產生了較大的變化，如果想要使用2.0版本的模板的話，需要使用2.0版本的 vue init 輸入命令 npm install g vue cli init在終端中輸入vue versio...

使用vue cli腳手架搭建專案

參考資料 1.安裝vue cli 命令 npm i g vue cli 2.去到你想要放置專案的目錄，進行初始化 命令 vue init webpack 你想要專案的名字 npm install 之前需要單獨執行，現在是加在了enter選項之後，不需要再輸入此命令，可略過 npm run dev 4...