图文讲解用vue-cli脚手架创建vue项目步骤
更新时间：2019年02月12日 11:58:28 投稿：laozhang
本次小编给大家带来的是关于用vue-cli脚手架创建vue项目步骤讲解内容，有需要的朋友们可以学习下。
用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项目完成打包上线的时候很多人都会碰到静态资源找不到的情况,下面这篇文章主要给大家介绍了关于Vite打包项目后图片丢失的简单解决方法,需要的朋友可以参考下2023-05-05
idea编译器出现Vue缩进报错，怎么解决呢，很多朋友遇到这个问题都很棘手，不知该如何解决，今天小编给大家通过场景分析介绍解决方案，需要的朋友参考下吧2021-07-07
最近在项目中自己封装的一个记录一下,下面这篇文章主要给大家介绍了关于利用Vue3封装一个弹框组件的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2021-12-12
这篇文章主要介绍了Vue项目中安装使用axios全过程，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-10-10
要在Vue 3和Electron中实现本地化,可以使用类似于在Vue项目中进行本地化的方式,本文为大家介绍了一种常见的做法,希望对大家有所帮助2024-03-03
小编最近接手的项目中有个需求,前端显示后端返回的PDF格式的文件,下面这篇文章主要给大家介绍了关于vue通过url方式展示PDF的几种方法,需要的朋友可以参考下2023-01-01
这篇文章主要介绍了Vue + Element 自定义上传封面组件，本文通过示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-01-01
这篇文章主要介绍了vue如何实现一个获取按键展示快捷键效果的Input组件，帮助大家更好的理解和使用vue框架，感兴趣的朋友可以了解下2021-01-01
我们在开web开发的时候，经常会使用到element或者uview-ui,下面这篇文章主要给大家介绍了关于在uni-app中使用element-ui的方法与报错解决的相关资料,需要的朋友可以参考下2022-04-04
这篇文章主要为大家详细介绍了vue+antd实现折叠与展开组件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-09-09
最新评论