Vue2.0 實戰項目(一) 安裝vue.cli

1.打開Vue腳手架的github地址：https://github.com/vuejs/vue-cli，在README查看如何安裝

2.經過npm安裝vue

npm install -g vue-cli

安裝完以後運行vue命名

vue init：安裝模板

vue list命名：定義了哪些能夠安裝的模板

3.經過webpack模板安裝

vue init webpack myProjectName

項目創建過程當中，有以下選擇

3.1項目名稱

3.2項目描述

3.3做者名稱

3.4搭建vue

3.5是否安裝vue-router

3.6是否在代碼中使用ESLint（ES6代碼風格檢查器）

3.7是否建立Karma+Mocha的單元測試

3.8是否建立Nightwatch的e2e測試

建立完項目以後會出現提示

 

4.切換到建立的項目目錄，而後安裝依賴文件

cd myProjectName
npm install

 安裝完以後會發現多了一個node_module文件夾，而後執行run dev

npm run dev

能夠看到執行了一個node的server

在瀏覽器中打開localhost:8080,能夠看到咱們的項目已經啓動了。