谜爱阁生活网

vue-cli3怎么快速自动创建vue前端项目开发工程

软件教程  2024-06-25 19:04:04  热度:35℃

vue-cli3怎么快速自动创建vue前端项目开发工程?这是我们经常会遇到的问题。如何解决这个问题呢?接着往下看ie小编为您带来的快速自动创建vue前端项目开发工程步骤一览。

vue-cli3怎么快速自动创建vue前端项目开发工程

方法/步骤分享:

1. 参考经验升级vue-cli2到3,或者自己安装最新版本:http://jingyan.baidu.com/article/0a52e3f46fffdbff62ed72da.html

2、2. 创建好项目后,打开控制台,输入命令如下:vue create vue-zhh-worl-tool-2

3、3.步骤2后,出现如图的选择界面,使用方向键进行选择,选择如图所示的 Manually select features 后,按下回车键

4、4. 后续步骤中勾选如图所示的内筒(*) Router(*) Vuex(*) CSS Pre-processors( ) Linter / Formatter(*) Unit Testing

5、5. 进入到如图所示的指导页面,按下回车键进行自动搭建

6、6. 出现如图所示的命令,第一个是定位到项目的文件夹路径下,第二个是运行项目的命令

7、7. 运行命令: npm run serve, 结果显示如图所示,表示运行成功。打开浏览器输入http://localhost:8080/ 查看网页即可

8、8. 如果您觉得有用,记得在下方点击投票、点赞、关注、留言,小编会定期奉上更多的惊喜哦,您的支持才是小编继续努力的动力,么么哒。

上文就是小编为您带来的快速自动创建vue前端项目开发工程步骤一览了,若还有疑问请多多关注IE浏览器中文网站!

最近更新

  • 酷狗音乐中使用蝰蛇音效制作工具的具体操作方法

    酷狗音乐中使用蝰蛇音效制作工具的具体操作方法

    2024-11-111236阅读

  • win7电脑中出现声音图标不见了的具体解决方法

    win7电脑中出现声音图标不见了的具体解决方法

    2024-11-11869阅读

  • 车到哪app的详细软件介绍

    车到哪app的详细软件介绍

    2024-11-11977阅读

  • 小米9se中查看序列号的具体操作方法

    小米9se中查看序列号的具体操作方法

    2024-11-11935阅读

  • 迅雷中使用FTP探测器的详细操作方法

    迅雷中使用FTP探测器的详细操作方法

    2024-11-11943阅读

  • ppt制作出小荷才露尖尖角动画场景的具体操作步骤

    ppt制作出小荷才露尖尖角动画场景的具体操作步骤

    2024-11-11791阅读

  • 小米9se中清除内存的具体操作步骤

    小米9se中清除内存的具体操作步骤

    2024-11-11751阅读

  • 千牛中取消消息提醒的具体操作流程

    千牛中取消消息提醒的具体操作流程

    2024-11-11768阅读

  • 抖音app中两个人使用特效具体步骤介绍

    抖音app中两个人使用特效具体步骤介绍

    2024-11-11757阅读

  • 2018Mac mini值得购买吗?Mac mini配置参数及售价详解

    2018Mac mini值得购买吗?Mac mini配置参数及售价详解

    2024-11-11780阅读