前端工程化

创建接口

yapi pro

安装NODE

切换到淘宝镜像

复制代码
npm config set registry https://registry.npmmirror.com

创建vue项目

新建文件夹,在该文件夹打开终端,输入

复制代码
vue ui

使用vscode打开-资源管理器-打开文件夹

在vscode中CTRL+shift+p,输入npm选择第一个

运行和修改端口

复制代码
//在vue.config.js修改
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  //修改终端
  devServer: {
    port:7000
  }

})
相关推荐
Aotman_几秒前
Vue el-table 字段自定义排序
前端·javascript·vue.js·es6
LaiYoung_3 分钟前
🛡️ 代码质量的“埃癸斯”:为什么你的项目需要这面更懂业务的 ESLint 神盾?
前端·代码规范·eslint
AAA阿giao16 分钟前
qoder-cli:下一代命令行 AI 编程代理——全面解析与深度实践指南
开发语言·前端·人工智能·ai编程·mcp·context7·qoder-cli
我有一棵树18 分钟前
Vite 7 中 dev 没样式、build 却正常:一次由 CSS import 位置引发的工程化问题
前端·javascript·vue.js
@Autowire19 分钟前
CSS 中 px、%、vh、vw 这四种常用单位的区别
前端·css
@Autowire22 分钟前
CSS 中「继承属性」的核心知识,包括哪些属性可继承、继承的规则、如何控制继承(继承/取消继承)
前端·css
万行28 分钟前
机器人系统ros2&期末速通2
前端·人工智能·python·算法·机器学习
天天向上102428 分钟前
css Grid常用布局
前端·css
syty202033 分钟前
RedisTemplate方法汇总
前端·bootstrap·html