1. 程式人生 > >vue學習筆記-初識Vue

vue學習筆記-初識Vue

嘗試 Vue.js 最簡單的方法是使用 JSFiddle 上的 Hello World 例子。你可以在瀏覽器新標籤頁中開啟它,跟著例子學習一些基礎用法。或者你也可以建立一個 .html 檔案,然後通過如下方式引入 Vue:

<!-- 開發環境版本,包含了有幫助的命令列警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

 或者:

<!-- 生產環境版本,優化了尺寸和速度 -->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>

 

用腳手架工具建立專案步驟:

1、mpn install --global vue-cli          //全域性安裝vue腳手架工具  vue-cli

2、vue init  webpack   my_project     //建立一個基於webpack模版的新專案

3、cd my-project                           //進入到專案目錄

4、npm run dev                             //執行專案