vue全家桶

1.須要node環境 node -v查看node版本

咱們須要的npm 包管理器，集成在node中 npm -v

若果查找不到命令，那就先配置系統環境變量

使用npm install 安裝依賴特別容易卡頓；再此能夠使用淘寶鏡像的

npm install -g cnpm --registry=https://registry.npm.taobao.org

安裝成功之後安裝依賴能夠使用  cnpm install xxxx

2.VUE安裝

cnpm install vue -g

我通常安裝vue到全局

# 全局安裝 #
cnpm install --global vue-cli

vue-cli 提供一個官方命令行工具，可用於快速搭建大型單頁應用。該工具提供開箱即用的構建工具配置，帶來現代化的前端開發流程。只需幾分鐘便可建立並啓動一個帶熱重載、保存時靜態檢查以及可用於生產環境的構建配置的項目

建立模板

vue init webpack my-project

須要注意的是項目的名稱不能大寫，否則會報錯。

Project name (my-project) # 項目名稱（個人項目）

Project description (A Vue.js project) # 項目描述一個Vue.js 項目

Author 做者（你的名字）

Install vue-router? (Y/n) # 是否安裝Vue路由，也就是之後是spa（但頁面應用須要的模塊）

Use ESLint to lint your code? (Y/n) # 使用 ESLint 到你的代碼？ （Y [ yes ] / N [ no ]）Y

Pick an ESLint preset (Use arrow keys) # 選擇一個預置ESLint（使用箭頭鍵） Standard

Setup unit tests with Karma + Mocha? (Y/n) # 設置單元測Karma + Mocha？ （Y/ N）N

Setup e2e tests with Nightwatch? (Y/n) # 設置端到端測試，Nightwatch？ （Y/ N） N

3.安裝依賴

cnpm install

不安裝依賴會報錯誤

4.運行本地服務器

npm run dev

成功