当前位置: 首页 > article >正文

基于脚手架创建前端工程

环境

在这里插入图片描述

创建项目

在这里插入图片描述

使用命令行进行创建

vue create 项目

使用ui界面进行创建

命令

  • 找到你的项目路径,使用命令
  • 版本是3.0 以上的
  • 盘符是不能切换的,路径可以错,但是盘符不可以错
  • 可能你的文件夹权限太高,记得使用管理员权限执行
veu ui

创建项目

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

项目结构

在这里插入图片描述

测试一下

在这里插入图片描述

改一下端口

  • 默认端口是8080,和Tomcat的8080端口非常容易发生冲突
  • vue.config.js改一下端口
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  devServer:{
    port: 7070, // 默认端口号是8080
  }
})

总结一下

在这里插入图片描述


http://www.kler.cn/a/369703.html

相关文章:

  • 服务器虚拟化全面教程:从入门到实践
  • 【设计模式系列】适配器模式(九)
  • 如何有效排查和优化Java JVM性能问题
  • 院士领衔,瑞德磁电誓将中国红染遍磁电产业
  • 【React系列五】—React学习历程的分享
  • QT中采用QCustomPlot 实现将buffer中的数据绘制成折线图,并且图形随着数据更新而更新
  • Linux 应用领域
  • 老电脑不能装纯净版windows
  • GEE APP:加载Landsat TOA数据可视化界面,实现点击提取ndvi值
  • 云原生后端开发教程
  • Python实现微博舆情分析的设计与实现
  • 存储服务器通常适用于哪些应用场景?
  • Spring版本有哪些
  • 回溯算法习题其二-Java【力扣】【算法学习day.16】
  • 外包功能测试就干了4周,技术退步太明显了。。。。。
  • 深入理解JavaScript:两大编程思想和ES6类以及对象概念解析
  • 100种算法【Python版】第17篇——Aho-Corasick算法
  • ELF文件格式解读及其生成过程(上)
  • Python 中的 object
  • React 前端框架开发入门案例
  • WebRTC VAD 详解与代码示例
  • 群体智能(Swarm Intelligence)算法:三种Python实现
  • Qt/C++地图雷达扫描/动态扇形区域/标记线实时移动/轮船货轮动态轨迹/雷达模拟/跟随地图缩放
  • OpenCV基本操作(python开发)——(6)视频基本处理
  • 无人机之姿态测量技术篇
  • 玩转HF/魔搭/魔乐社区