vue cli 3 創建項目

先安裝vue vue-cli 具體方法百度

// 切換到相應的目錄下面 my-app 是項目名稱 注意項目名不可以使用大寫字母 如myApp 否則報錯無法創建
vue create my-app

然後會讓你選擇配置
有兩個選項
default 默認配置
Manually 自己選擇
嫌麻煩的同學可以選擇第一項什麼都不用管需要配置的選第二項

當選擇Manually 時 有很多配置 如 Babel TypeScripte Router 等 根據需要選擇 空格爲選擇 a是全選 i是取消選擇
這裏我們選 Babel TypeScript Router Vuex 其他的隨意點 然後回車
然後基本上一路Y或者回車 等待之後就創建完了

不過此時因爲缺少相關的依賴項目並不能啓動

npm install  // 安相關依賴 此步驟可能較慢

好了之後文件夾中會出現node_modules的文件夾

// 啓動項目
npm run serve // 以前好像是 npm run dev  現在默認serve了 不過這些都可以在package.json中配置

// package.json
"scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
// 改成
"scripts": {
    "dev": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },

這樣就跟以前的一樣了 不過這不重要 建議還是用serve吧 畢竟協同開發 使用大家都知道的命令比較好