Vue學習Day07-Vue-cli腳手架初步學習(1)

如下是學習筆記:

vue腳手架使用步驟:

1.全局安裝

npm i -g vue-cli

2.經過vue命令初始化一個帶有webpack模板的項目結構

vue init webpack my-project //my-project爲項目名

3.一系列的初始化選擇

? Project name another-vue //默認回車便可,會影響到package.json文件中name
? Project description A Vue.js project//描述,按需修改
? Author 默認git用戶名和郵箱
? Vue build (Use arrow keys)//選擇Runtime+Compiler或者Runtiome-only,不使用compiler就不能使用template
? Install vue-router? Yes//使用路由插件
? Use ESLint to lint your code? Yes //選擇ESLint校驗代碼,寫得不規範就會報錯,後面能夠再配置中修改
? Pick an ESLint preset Standard //接着上一條,選擇一個代碼風格做爲校驗標準
? Set up unit tests No//測試相關
? Setup e2e tests with Nightwatch? No//測試相關
? Should we run `npm install` for you after the project has been created? (recommended) npm//npm安裝全部依賴項

 4.項目初始化完成,開始項目

 在終端中執行上面兩條命令,會給你一個地址,便可看到初始化的內容