-
环境搭建
1、安装node.js和npm
nodejs的下载地址：https://nodejs.org/en/download/ ；
在Windows上安装时选择全部组件，勾选Add to Path；
安装完后，请打开命令提示符；
输入node -v，如果安装正常，可以看到版本号输出：
npm是Node.js的包管理工具（package manager），Nodejs的安装程序默认安装npm，在命令提示符或者终端输入npm -v，可以看到类似以下的输出：
在cmd中直接使用npm来安装的一些工具会比较慢，所以我们使用淘宝的npm镜像：
输入命令：npm i -g cnpm --registry=https://registry.npm.taobao.org，如果权限不够，请使用管理员运行命令提示符；
2、安装vue-cli,vue脚手架
输入命令：cnpm i -g vue-cli
测试安装命令: vue –V
输出：
表示安全成功；
-
安装\创建项目
1、安装项目：
先进入工作目录；
使用脚手架安装项目：
输入命令：vue init webpack first_vue ;
提示：
-
Project name（工程名）:输入工程名称，回车
-
Project description（工程介绍）：输入结束，回车
-
Author：输入作者名称，回车
-
Vue build:回车
-
Install vue-router：回车
-
Use ESLint to lint your code：n，回车
-
Set up unit tests（安装测试工具）：n，回车
-
Setup e2e tests with Nightwatch（测试相关）：n，回车
-
Should we run `npm install` for you after the project has been created? (recommended)：N，回车
2、初始化项目
进入项目目录；
输入命令：cd firstVue；
输入命令：cnpm i；
运行项目，输入命令：cnpm run dev；
浏览器打开：localhost:8080，即可打开vue项目；
注意：Ctrl+C命令退出运行；
3、配置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
点击加号，选择npm，Name为Build，package.json选择你工程中的package.json，Command为run，Scripts为build；
以上就都安装配置完成了，可以直接点【run】运行项目；
访问测试页：http://localhost:8080/#/
启动报错：npm 报错 npm WARN lifecycle npm is using C:\Program Files\nodejs\node.exe but there is no node binary
解决办法：运行如下命令npm config set scripts-prepend-node-path true