vue脚手架详解(记录–vue脚手架)
导读:这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助...
这里给大家分享我在网上总结出来的一些知识 ,希望对大家有所帮助
一 、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版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!