首页IT科技vue脚手架详解(记录–vue脚手架)

vue脚手架详解(记录–vue脚手架)

时间2025-08-02 04:33:42分类IT科技浏览4850
导读:这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助...

这里给大家分享我在网上总结出来的一些知识               ,希望对大家有所帮助

一               、vue脚手架

1.简介

Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统               。

2.命令行操作步骤 从vue create my-project为例展示截图 最后cd到你自己创建的项目中                       ,npm run serve把项目跑起来即可                       。此时跑起来后就会显示下面的界面 此时我们在浏览器输入上面提示的网址        ,显示效果如下: 3.图形界面操作步骤

vue ui (命令行输入此命令               ,打开一个界面化的操作平台)

此时显示效果如下:

自己创建项目并命名

创建好项目以后                      ,我们点击任务中的启动按钮        ,可以启动服务也可以关闭项目        。

启动以后我们访问localhost:8000也能正常打开我们刚才创建的项目        ,此种方式更方便和快捷               。

二                       、修改配置

如果我们需要启动服务的时候自动打开浏览器                      ,我们可以在项目的根目录下面手动创建vue.config.js               ,配置如下:

module.exports = { devServer: { open: true // port: 8888 如果有需要可以更新端口号 } };

本文转载于:

https://blog.csdn.net/sjs1766349405/article/details/121951565

如果对您有所帮助        ,欢迎您点个关注                       ,我会定时更新技术文档               ,大家一起讨论学习,一起进步                      。

声明:本站所有文章                       ,如无特殊说明或标注                       ,均为本站原创发布        。任何个人或组织,在未征得本站同意时               ,禁止复制        、盗用               、采集                      、发布本站内容到任何网站        、书籍等各类媒体平台        。如若本站内容侵犯了原著者的合法权益                       ,可联系我们进行处理                      。

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
mac和win网络共享(苹果Mac与Windows局域网设置共享文件夹并互相访问) 怎么利用ai(普通人如何用AI帮你干活——娱乐1)