Vue.js搭建項目方式總結



Vue的介紹

1.學習資源

Angularnodejs+expresskoa2ionic3

2.vue 和 angular、react 都是前端框架

單頁面框架基於模塊化組件化的開發模式

3.vue 特點

簡單靈活

Vue環境搭建

1.必須安裝nodejs

2.搭建開發環境

安裝vue的腳手架工具

<code>npm install --global vue-cli/<code>創建項目

<code>vue init webpack vue-demo01/<code>

<code>cd vue-demo01/<code>

<code>npm install 如果運行項目沒有報錯,這步省略/<code>

<code>npm run dev/<code>另一種創建項目的方式

<code>vue init webpack-simple vue-demo02/<code>

<code>cd vue-demo02/<code>

<code>npm install 如果運行項目沒有報錯,這步省略/<code>

<code>npm run dev/<code>安裝vue Cli3

<code>npm install -g cnpm --registry=https://registry.npm.taobao.org安裝cnpm,不然vue-cli下載不下來/<code>

<code>npm install -g @vue/cli或cnpm install -g @vue/cli/<code>用vue-cli創建項目

<code>vue create hello-world/<code>

<code>cd hello-world/<code>

<code>npm run serve運行/<code>

<code>npm run build編譯/<code>用圖形化界面創建項目

<code>vue ui/<code>