手机版

举例说明使用vue-cli支架创建vue项目的步骤

时间:2021-08-27 来源:互联网 编辑:宝哥软件园 浏览:

借助vue-cli脚手架,可以快速构建具有前端vue框架的项目结构。今天,我将记录vue-cli脚手架施工项目的经验。

1.首先,应设置vue-cli脚手架工具。构建vue-cli脚手架工具的方法如图所示。

2.然后指定一个目录,并使用vue init webpack项目的名称来获取前端项目的结构。

3.然后一路按回车确认项目中使用的一些语法和测试包。

4.然后您可以看到依赖包已经成功配置。您可以使用cd进入项目并执行npm run dev来启动刚刚初始化的项目。

5.接下来,看看目录bdjy。vue项目结构有一些依赖包。

6.该组件用于存储vue组件。而这个路由就是设置vue路由的文件夹。

7.启动vue项目后,您可以在电脑浏览器中看到bdjy的入口页面。

版权声明:举例说明使用vue-cli支架创建vue项目的步骤是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。