vue.js全家桶开发系列文章之vue-cli（一 ）

什么是vue.js?

在这里就不做解释了。

为什么要用vue.js?

1 .指令＋过滤器＋双向绑定
2 .比angularJs轻量，异步队列更新比angularJS的脏数据检查效率更高。

你好，vue.js

1 .安装nvm node版本管理工具

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.29.0/install.sh | bash

#然后需要在终端运行 （1 － nvm虽然安装好了，但仍然不能用，因为还没有添加环境变量）
export NVM_DIR="$HOME/.nvm"

[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh"

一般来说到这nvm就安装完了，这时候去安装nodejs,
nvm install stable
node -v 
npm -v
都正常 关闭终端再重启就炸了，什么都没有了，

在/etc/profile 中添加
source ~/.nvm/nvm.sh 
（发现nvm好使了，但是node和npm还是要 跟着终端一起安装）
然后
nvm alias default stable
关闭终端再打开，都好使了。

2.install node

nvm install stable

3.安装vue-cli

//vue-cli是node编写的命令行工具，我们需要全局安装，打开终端，输入命令：
npm install -g vue-cli

执行vue -V如果能显示版本号，表示安装成功

4.使用vue-cli快速生成一个基于webpack构建的项目

vue init webpack webproject

项目初始化完成后

  This will install Vue 2.x version of the template.

  For Vue 1.x use: vue init webpack#1.0 webproject

? Project name webproject
? Project description A Vue.js project
? Author tangxuelong <tangxuelong@caiqr.com>
? Vue build standalone
? Install vue-router? Yes
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? Setup unit tests with Karma + Mocha? No
? Setup e2e tests with Nightwatch? No

   vue-cli · Generated "webproject".

   To get started:

     cd webproject
     npm install
     npm run dev

npm run dev
浏览器打开输入：http://localhost:8080