windows环境下VUE环境安装与项目搭建运行

vue是一个构建数据驱动的 web 界面的渐进式框架，本文章将基于nodejs搭建一个vue项目。
主要步骤有
1.搭建nodejs
2.通过npm安装vue-cli脚手架
3.创建vue项目
4.启动项目

1.搭建nodejs

从官网下载最新nodejs安装包 官网地址：http://nodejs.cn/download/

下载并安装，我这里选择msi版安装到 D:\nodejs
打开cmd窗口并打上 node -v 命令如果有提示则算安装成功

由于npm使用的是境外资源，下载安装插件时会很慢。我们可以换成国内淘宝的cnpm命令来下载，具体命令为：
npm install -g cnpm --registry=https://registry.npm.taobao.org

2.搭建vue环境

安装vue-cli脚手架命令
npm install -g vue-cli
检测安装成功
vue --version

显示版本则安装成功

3创建项目

进入到工作目录中，执行创建项目命令
vue init webpack testvue
一直点击Enter键设置默认选项，之后会在目录中创建一个名叫testvue的项目文件夹里面的内容有

test:测试文件
src:源文件
static:静态文件
node_modeules:依赖的插件
进入到文件目录下执行
npm run dev

项目启动成功，在页面中输入
localhost:8080

部署完成！

3注意：

执行创建语句过程中可能会出现chromedriver版本不一致的情况，我们可以通过执行以下命令解决

npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver