VUE安装并配置

安装node.js

http://nodejs.cn

选择32位还是64位，下载然后安装。一定要选择好安装目录，建议选D盘

下载好后，win+r 或者 右键左下角选择命令提示符，显示node版本就表示安装成功了

node -v
npm -v

 使用淘宝镜像

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

可以加快下载依赖速度

安装vue脚手架

npm install -g vue-cli

是否安装成功：vue -V

webpack的版本查询：webpack -v

创建vue项目

首先要cd到要创建项目的目录中

vue init webpack demoName

输入命令后，会询问我们几个简单的选项，我们根据自己的需要进行填写就可以了。

• Project name :项目名称 ，如果不需要更改直接回车就可以了。注意：这里不能使用大写，所以我把名称改成了vueclitest

• Project description:项目描述，默认为A Vue.js project,直接回车，不用编写。

• Author：作者，如果你有配置git的作者，他会读取。

• Install  vue-router? 是否安装vue的路由插件，我们这里需要安装，所以选择Y

• Use ESLint to lint your code? 是否用ESLint来限制你的代码错误和风格。我们这里不需要输入n（建议），如果你是大型团队开发，最好是进行配置。

• setup unit tests with  Karma + Mocha? 是否需要安装单元测试工具Karma+Mocha，我们这里不需要，所以输入n。

• Setup e2e tests with Nightwatch?是否安装e2e来进行用户行为模拟测试，我们这里不需要，所以输入n

运行项目

cd到项目目录中

npm install

等安装完

npm run dev 或者 npm run serve

他会提示你运行的路径和端口