vue2环境搭建

1.确认电脑中已经配置node.js
开始–搜索（输入cmd）–打开命令控制窗口–输入如下命令

node -v  //查询node.js是否已安装npm -v //查询npm的版本号

如还未安装,请参照下面的链接
https://jingyan.baidu.com/article/2d5afd69e243cc85a2e28efa.html

2.安装vue2必须环境

安装淘宝镜像
大家都知道国内直接使用 npm 的官方镜像是非常慢的，这里推荐使用淘宝 NPM 镜像。

npm install -g cnpm --registry=https://registry.npm.taobao.org  //安装淘宝镜像cnpm install webpack -g //安装webpacknpm install vue  //安装vue环境npm install vue-cli -g  //安装vue-cli脚手架

3.新建一个vue文件夹

//进入一个目录，新建一个文件夹，在该目录下存放vue项目cd 目录vue init webpack-simple 项目名称    //创建一个项目，之后安装默认设置即可npm inpm run dev   //运行完成后，会自动打开vue首页

4.vue目录结构

README.md
index.html #默认启动页面
package.json #npm 包配置文件
src
—App.vue #启动组件
—assets #存放项目的资源文件
——logo.png
—main.js #Vue实例启动入口
webpack.config.js #webpack配置文件

备注： *.vue文件定义一个Vue组件，同时承载“视图模板”,”样式定义”和组件代码。