图文讲解用vue-cli脚手架创建vue项目步骤
2019-04-15 18:02
2819 查看
用vue-cli脚手架可以快速的构建出一个前端vue框架的项目结构。今天小编我便来记录一下vue-cli脚手架的构建项目的经验。
1、首先便是要搭建好vue-cli脚手架工具才行滴。搭建vue-cli脚手架工具的方法便是如图所示这样滴。
2、然后指定一个目录并用vue init webpack+项目名称便可得到前端项目的结构了哦。
3、接着便是一路回车来确认项目所用到的一些语法和测试包即可。
4、接着便可看到依赖包已经配置成功了。可以用cd来进入项目里边并执行npm run dev即可启动刚才初始化搭建的项目了。
5、接着看看bdjy这个目录里面就有了vue项目结构的一些依赖包了哦。
6、这个components就是存放vue组件的哦。而这个route则是设置vue路由的文件夹啦哦。
7、启动vue项目后便可以在自己电脑的浏览器看到bdjy这个项目的入口页面了。
您可能感兴趣的文章:
相关文章推荐
- vue-cli的使用,创建项目,教程,上手,vue脚手架的使用
- Vue2项目架构搭建(二)——vue-cli脚手架创建项目
- vue.js学习02之vue-cli脚手架创建项目环境搭建
- Vue-cli 脚手架工具 及 创建项目
- 用vue-cli脚手架创建项目
- 最新图解 利用vue-cli 脚手架创建项目
- vue-cli脚手架一键安装vue项目步骤
- Vue-cli是何物?创建项目脚手架
- vue-cli脚手架创建VUE项目并详解结构
- 使用vue-cli创建项目的图文教程(新手入门篇)
- vue.cli脚手架工具 创建项目
- windows 下用vue-cli脚手架工具创建vue项目及遇到的相关问题
- vue使用vue-cli脚手架创建vue项目
- Vue Cli3 创建项目的方法步骤
- vue学习笔记-使用vue-cli脚手架快速创建vue项目工程
- 手摸手教你搭建vue-cli脚手架-详细步骤图文解析[vue入门]
- vue-cli创建的项目部署在相对路径
- 搭建vue项目(基于vue-cli脚手架)
- Vue项目创建步骤
- 安装基于Vue-cli脚手架的Vue项目