vue-cli快速搭建Vue开发环境

1. 安装 nodejs(建议安装 LTS 版本): http://nodejs.cn/download/

2. 安装 vue-cli (-g参数表示全局安装)

npm install vue-cli -g

3. 使用 vue-cli 初始化一个 vue 项目(my-project 是项目名称，可以根据需要修改)

vue init  webpack  my-project

4. cd 到项目目录中安装相关依赖

npm install

5. 运行测试, 看是否能够运行

npm run dev

6.到浏览器中访问测试,默认是 localhost:8080 可能会有 端口冲突 的问题,如果端口冲突可以修改
config/index.js 找到 port 修改为你想要的端口,重启服务,再一次测试

npm  run  dev

如果熟悉webpack， 建议使用webpack搭建开发环境，当然，如果只是单纯为了学习vue又不想花大量的时间去学习webpack, 可以使用这种快速搭建开发环境的方式