天天看點

Vue項目建立+項目結構分析

Vue項目建立+項目結構分析

Vue CLI 快速上手

環境要求 Node.js

安裝 指令行輸入cnpm install -g @vue/cli

Vue項目建立+項目結構分析
Vue項目建立+項目結構分析

輸入vue檢查安裝

Vue項目建立+項目結構分析

建立Vue項目

指令行建立

​vue create hello​

Vue項目建立+項目結構分析

可以選預設 也可以選手動設定(這裡選手動)

Vue項目建立+項目結構分析

上下鍵移動 空格鍵打勾 選擇好後回車

Vue項目建立+項目結構分析

選擇版本

Vue項目建立+項目結構分析

是否用history模式顯示路由位址(這裡示範選擇否)

Vue項目建立+項目結構分析

選擇css預處理模式

Vue項目建立+項目結構分析

靜态文法檢查與格式化

Vue項目建立+項目結構分析

儲存時是否檢查文法

Vue項目建立+項目結構分析

配置檔案選擇

Vue項目建立+項目結構分析

建立完成

根據提示啟動服務

Vue項目建立+項目結構分析

圖形化建立項目

指令行輸入vue ui

Vue項目建立+項目結構分析
Vue項目建立+項目結構分析

輸入項目名 點選下一步

Vue項目建立+項目結構分析

選擇預設配置或手動

Vue項目建立+項目結構分析

點選建立項目即可

項目結構分析

Vue項目建立+項目結構分析
Vue項目建立+項目結構分析

package.json–項目描述檔案

vue.config.js–配置檔案擴充 (預設情況下不會生成)

src/–源代碼

dist/–建構後的代碼

public/–公共的靜态檔案

繼續閱讀