搭建vue环境并创建项目

搭建vue环境需要有node和npm，

直接在官网下载node安装文件，一路下一步，node安装自带npm，安装后在终端（window+r）输入node -v，显示版本号表示安装成功

npm -v ，显示版本号表示成功。

npm是Node.js的包管理工具。使用npm来安装的一些工具的话会比较慢，所以使用淘宝的npm镜像：。

输入npm i -g cnpm --registry=https://registry.npm.taobao.org。安装淘宝镜像。

获取到cnpm以后，我们需要升级一下

输入cnpm install cnpm -g

然后 安装vue-cli，vue的脚手架

输入cnpm i -g vue-cli

现在环境搭建好了，输入vue -V,显示版本号就代表安装成功

开始创建项目

在终端中输入cd命令进入工作目录

然后使用脚手架安装项目

vue init webpack 项目名称，然后会显示如下信息，跟踪操作即可：

提示目录已存在，是否继续：YProject name（工程名）:回车Project description（工程介绍）：回车Author：作者名Vue build（是否安装编译器）:回车Install vue-router（是否安装Vue路由）：回车Use ESLint to lint your code（是否使用ESLint检查代码，我们使用idea即可）：nSet up unit tests（安装测试工具）：nSetup e2e tests with Nightwatch（测试相关）：nShould we run `npm install` for you after the project has been created? (recommended)：选择：No, I will handle that myself然后进入项目目录（cd 项目名称）开始初始化项目（下载相关的依赖）cnpm install
最后运行项目 cnpm run dev，浏览器打开：localhost:8080，即可打开vue项目。显示vue页面表示安装成功Ctrl+C退出

idea编辑器支持：

File - Settings - Languages&Frameworks - JavaScript：修改JavaScript language version为ECMAScript 6，确认

File - Settings - Plugins：搜索vue，安装Vue.js

Run - Edit Configurations...：点击加号，选择npm，Name为Run，package.json选择你工程中的package.json，Command为run，Scripts为dev,然后就可以直接在idea中运行了。

网上还有教程说要安装stylus （一种健壮的css）命令如下（还没研究，暂时记录以后再说）

cnpm install --save-dev stylus stylus-loader