Vue-cli————快速入门（02）——Vue项目创建、启动、端口配置

最新推荐文章于 2024-05-09 15:55:53 发布
最新推荐文章于 2024-05-09 15:55:53 发布
阅读量439 收藏 1
点赞数
分类专栏： Vue-cli 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/JianChiGuoFuHao/article/details/130208745
版权

Vue项目

Vue项目创建

1.命令行

vue create vue-project01
（vue create + 项目名称）

2.图形化界面

在cmd中输入，会自动调出vue的图形化界面

vue ui

直接点击创建

注意点击之后的界面的第一行是在什么地方创建

输入项目名称——包管理器（由于使用的NodeJS环境所以选择npm）——初始化Git仓库给关掉(其他的都不用管)

点击下一步——选择手动

点击下一步——（选择插件的功能）我只打开了Router，也就是vue当中的路由功能

点击下一步——选择当前所使用的vue版本（我使用的2×）——第二个是选择语法检测规范直接选择第一个

点击创建项目

点击创建项目不保存预设

通过VS Code打开刚刚创建的的项目的文件夹

Vue项目—目录结构

基于Vue脚手架创建的出来的工程，有标准的目录结构


在这里插入图片描述




最低0.47元/天 解锁文章
CherryBlossomBloom
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Vue专题（三）vue项目启动端口更改
XueZePeng18729875380的博客
03-15 3994
1. Vue项目的默认端口是8080，不修改的情况下启动项目之后端口就是8080，若8080端口已经被占用了，端口号会进行递增。2. 在config文件夹下的index.js文件中可以进行配置。更改port的值，重新运行项目即可。
vue启动项目时指定端口的方法
热门推荐
Jeasu_0908的博客
01-20 1万+
vue启动项目时临时修改端口的方法 方法一：通过修改根目录下的vue.config.js配置文件 module.exports = { devServer: { port: 3000, // 端口 }, // lintOnSave: false // 取消 eslint 验证 } 方法二：通过vue项目启动命令 在这里插入代码片 ...
修改Vue2项目运行端口号配置后端代理
最新发布
qq_53154643的博客
05-09 593
【代码】修改Vue2项目运行端口号配置后端代理。
vue项目指定运行时占用的端口
weixin_45966674的博客
03-28 1482
正常情况下 我们启动vue项目 他会自动选择 http://localhost:8080/ 如果 8080被占用 他就会用 8081 然后再被占用就是8082 以此类推。这里 我们指定他运行在 82端口 当然 82被占用后 他也会去 83。我们可以在项目跟目录创建vue.config.js。vue.config.js参考代码如下。
SSM整合项目（使用Vue3 + Element-Plus创建项目基础页面）
Sun的个人博客
03-10 1333
padding: 0;<template>color:dodgerblue">后台管理</div>Tom</span><el-dropdown-item>个人信息</el-dropdown-item><el-dropdown-item>退出登录</el-dropdown-item></div></div><script></script></style>
如何给Vue项目指定端口号
jakelihua
09-02 586
简介：如何给Vue项目指定端口号.
vue-cli —— 如何局部修改Element样式
01-18
最近在做vue项目时用到了Element，发现这玩意儿用起来很舒服，很新颖，上手也很快，而且效果足够酷炫。但是后面发现一个很大的问题，那就是Element的样式有限，这极大地限制了项目的应用广度，所以我们有必要对...
vue使用vue-cli快速创建工程
01-19
vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目。 -g代表全局安装。 i就是install的缩写。 其中webpack-simple代表模板的名称。vue-todos是你给自己的项目起的名称，这个随便起...
vue-cli脚手架-bulid下的配置文件
08-27
Vue-cli脚手架bulid下的配置文件是Vue.js开发过程中的一部分，主要用于配置项目的结构和行为。通过学习和掌握这些配置文件，可以帮助开发者更好地理解Vue.js项目的结构和工作原理，并且提高项目的开发效率和质量。
Vue使用vue-cli创建项目
01-19
本文介绍了Vue使用vue-cli创建项目，分享给大家，具体如下： vue-cli 是一个官方发布vueJS项目脚手架：https://github.com/vuejs/vue-cli 我创建的模板项目：...
vue-cli配置文件——config篇
08-28
Vue CLI 是 Vue.js 的命令行工具，用于快速搭建基于 Vue.js 的项目。它提供了一套预配置的构建工具，使得开发者能够专注于编写应用的核心代码，而无需关心底层配置的复杂性。Vue CLI 使用 Webpack 作为默认的构建...
vue 指定启动端口 port devServer
焺爅
01-01 506
相关版本： 项目目录及需要修改的目标文件： 需要添加的内容（蓝色选中部分）：
如何修改vue项目运行的端口号，微信小程序前端开发
m0_55956883的博客
04-03 1674
面试一面会问很多基础问题，而这些基础问题基本上在网上搜索，面试题都会很多很多。最好把准备一下常见的面试问题，毕竟面试也相当与一次考试，所以找工作面试的准备千万别偷懒。面试就跟考试一样的，时间长了不复习，现场表现肯定不会太好。表现的不好面试官不可能说，我猜他没发挥好，我录用他吧。CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】96道前端面试题：常用算法面试题：内容主要包括HTML，CSS，JavaScript，浏览器，性能优化。
vue2项目配置“代理”、“端口”、“打包名”、“使用@”、“图片压缩”
bestyinjun的专栏
07-24 1436
vue2项目配置“代理”、“端口”、“打包名”、“使用@”、“图片压缩”
vue3创建项目（五）vite配置端口号
zhangxueyou2223的博客
06-29 7055
Vue3配置代理跨域和服务端口等配置，可以在 vite.config.js 进行配置。(类似用 vue-cli 的 vue.config.js）
【Vue】vue-cli 起步配置步骤
m0_56889397的博客
09-27 403
vue-cli 初学者创建 vue 工程化项目。
Vue项目自定义host端口
meis27461的博客
12-25 9447
默认vue的项目是8080端口，可以在vue.config.js中配置，如果没有就在项目根目录创建一个 还有很多其他选项，具体可以看webpack的文档，这里省略一下 vue.config.js module.exports = { devServer: { host: "free.iule.net", //指定要使用的 host port: 80, //指定端口号以侦听 hotOnly: false, //启用热模块替换，而无需页面刷新作为
vue2版本设置启动端口，保姆式教学
星空的日常博客，希望日常能给你帮助
03-01 3464
vue2版本设置启动端口，保姆式教学
vue配置端口号
qq_40787608的博客
06-16 1181
webpack中vue配置端口号
一Vue-cli介绍和安装.pdf
07-13
Vue-cli是Vue.js的官方命令行工具，它提供了快速搭建项目脚手架的功能。Vue-cli可以帮助开发者自动化处理项目初始化工作，包括但不限于设置Webpack配置、热重载、源码映射、静态资源处理等。这样，开发者可以更专注...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值