Vue的介紹

1.學習資源

• Angular
• nodejs+express
• koa2
• ionic3

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>

閱讀更多 劉陽不吃飯 的文章

關鍵字: 搭建 學習 總結