本文介绍了如何使用vue-cli搭建Vue项目，包括安装vue命令环境、生成项目模板、安装依赖、运行项目，重点讲解了项目配置中的路由设置。在src下创建组件文件夹，编写组件和模板，然后在assets文件夹下创建路由js文件，导入并配置路由，最后在main.js中接入和挂载路由，并在app.vue中添加router-view。
一、vue模块化配置脚手架
使用流程：npm install vue-cli -g 安装vue命令环境
验证是否安装成功：
vue --version
（安装成功后以后都不需要再安装了）
二、生成项目模板
vue init <模板名> 本地文件夹名称
模板名：
simple 基本没用
webpack 一般做大型项目的时候使用
webpack-simple 个人使用的时候推荐，没有代码检查
三、
npm install
(这一步的目的是去package.json中把依赖文件下载下来）
四、
npm run dev
(项目运行）
(项目成功运行之后，可以进行项目配置了)
项目配置完之后打开文件夹会用这些文件
六、下载路由
npm install vue-router -S
项目配置
在src文件夹下面创建一个文件夹放组件
（ps：文件夹可以叫任何名字，组件就是各个不同的页面）
最低0.47元/天 解锁文章
170
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
