Vue項目建立+項目結構分析
Vue CLI 快速上手
環境要求 Node.js
安裝 指令行輸入cnpm install -g @vue/cli
輸入vue檢查安裝
建立Vue項目
指令行建立
vue create hello
可以選預設 也可以選手動設定(這裡選手動)
上下鍵移動 空格鍵打勾 選擇好後回車
選擇版本
是否用history模式顯示路由位址(這裡示範選擇否)
選擇css預處理模式
靜态文法檢查與格式化
儲存時是否檢查文法
配置檔案選擇
建立完成
根據提示啟動服務
圖形化建立項目
指令行輸入vue ui
輸入項目名 點選下一步
選擇預設配置或手動
點選建立項目即可
項目結構分析
package.json–項目描述檔案
vue.config.js–配置檔案擴充 (預設情況下不會生成)
src/–源代碼
dist/–建構後的代碼
public/–公共的靜态檔案