搭建vue开发环境

一、安装node环境

　　安装后执行：node -v，出现node版本号即为安装成功

　　也可以安装淘宝npm镜像，执行：npm install -g cnpm --registry=https://registry.npm.taobao.org

二、安装全局vue-cli脚手架

　　执行命令：cnpm install -g vue-cli，回车

　　安装成功后，输入vue有下列信息安装成功，如图：

　　执行命令：vue list 查看官方可用模板，如图：

这里我们选择webpack

三、创建项目

执行命令：vue init webpack myVue

cd myVue进入刚刚创建的项目目录，dir可看到当前项目包含的文件，如图：

三、安装依赖

进入myVue目录后，执行命令：cnpm install安装依赖

安装完成后，dir,可看到项目中多出node_modules文件夹

四、运行

type package.json,可查看项目配置的运行命令，如图：

执行：cnpm run dev

然后在浏览器输入http://localhost:8080,即可看到项目运行起来的界面,如图：