Vue开发环境搭建

以前用的是Hbuilder，最近要学习前端的Vue框架，因此在window7环境下搭建Vue的运行环境，记录下来。

（一）下载node.js

在搭建vue的开发环境之前，一定一定要先下载node.js，，vue的运行是要依赖于node的npm的管理工具来实现，网址：下载地址

（二）替换npm->cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org；

（三）安装全局vue-cli脚手架

cnpm install --global vue-cli  

（四）在cmd命令行窗口，选择合适的项目目录

cd vue_project
vue init webpack my-project

（五）项目初始化完成，进入目录，运行模板项目

cnpm install
cnpm run dev

（六）查看8080端口运行的Vue模板页面

 

（七）github上开源的项目运行类比

类比饿了么的项目（3K star）

运行效果：