- vue-cli工具
vue-cli是vue的脚手架工具，这个工具可以帮我们快速的构建一个可以支撑实际项目开发的vue环境。 - vue-cli的安装
cnpm install vue-cli -g (全局安装工具） - vue-cli的使用
vue list (查看有哪些模板可用)
(两个常用模板： webpack webpack-simple)
- vue init webpack myblog (使用webpack模板创建工程,myblog:自动创建文件夹名称)
- 用IDE(webstorm)打开myblog，创建node_modules目录，并将此目录排除到索引之外
- cnpm install (安装项目依赖包）
- npm run dev （启动测试) http://localhost:8080成功之后停止服务器再进行下面的步骤
- 安装vue-router (cnpm install vue-router --save)
- 在入口文件中进行路由配置
- 在components目录下新建三个.vue文件，分别对应三个路由组件
- 在入口文件中导入7中创建好的三个组件
- 修改App.vue，添加路由的html部分
- npm run dev （启动测试) http://localhost:8080
网友评论