由於 npm 安裝速度慢，本教程使用了**的映象及其命令 cnpm，安裝使用介紹參照：使用** npm 映象。
npm 版本需要大於 3.0，如果低於此版本需要公升級它：
# 檢視版本
$ npm -v
2.3.0
#公升級 npm
cnpm install npm -g
# 公升級或安裝 cnpm
npm install cnpm -g
# 最新穩定版
$ cnpm install vue
# 全域性安裝 vue-cli
$ cnpm install --global vue-cli
# 建立乙個基於 webpack 模板的新專案
$ vue init webpack my-project
# 這裡需要進行一些配置，預設回車即可
this will install vue 2.x version of the template.
for vue 1.x use: vue init webpack#1.0 my-project
? project name my-project
? project description a vue.js project
? author runoob ? vue build standalone
? use eslint to lint your code? yes
? pick an eslint preset standard
? setup unit tests with karma + mocha? yes
? setup e2e tests with nightwatch? yes
vue-cli · generated "my-project".
to get started:
cd my-project
npm install
npm run dev
documentation can be found at
成功執行以上命令後訪問 http://localhost:8080/，輸出結果如下所示：
注意：vue.js 不支援 ie8 及其以下 ie 版本。目錄/檔案
說明build
專案構建(webpack)相關**
config
配置目錄，包括埠號等。我們初學可以使用預設的。
node_modules
npm 載入的專案依賴模組
src這裡是我們要開發的目錄，基本上要做的事情都在這個目錄裡。裡面包含了幾個目錄及檔案：
static
靜態資源目錄，如、字型等。
test
初始測試目錄，可刪除
.***x檔案
這些是一些配置檔案，包括語法配置，git配置等。
index.html
首頁入口檔案，你可以新增一些 meta 資訊或統計**啥的。
package.json
專案配置檔案。
readme.md
專案的說明文件，markdown 格式
前端 vue框架
model 模型 資料 view 檢視 html 標籤，樣式 viewmodel 用來結合模型和檢視 決定資料展示在哪個標籤上 vue中的資料和頁面上標籤內容是 繫結 在一起的，模型資料發生了變動，頁面檢視也會相應變化。這種特性稱之為 響應式 框架。佔位，到模型中找相應的資料進行展示,匹配的是模型資...
前端框架 Vue
test 函式呼叫表示式var obj var arr 123,bai obj.name 屬性呼叫表示式 arr 0 屬性呼叫表示式let name wutao name 變數呼叫表示式123 數值字面量表示式 wtao 字串字面量表示式 true 布林字面量表示式 null 空表示式 undefi...
前端框架之Vue介紹
庫只是乙個工具，供我們使用 框架是具有思維的，有它自己生態系統 前端這個崗位是從後端慢慢分出來 jq 2010前 mvc思想 軟體架構 為什麼前端要從後端引入mvc這個思想？cmd mvc衍生架構 vue mvvm angular2.0 mvvm 2016年 如何高效的將伺服器資料渲染到前端介面 如...