vue3项目开发总结

一、从零开始搭建vue3项目

1.在官网现在node安装包,之后一直按顺序安装,安装完成后输入命令 node -v 查看node版本 ,输入npm -v 查看npm版本

https://nodejs.org/zh-cn/download

2.输入命令npm install -g @vue/cli全局安装vue3脚手架,输入命令vue -V 查看vue版本,出现版本号证明安装成功。想要3.0版本对2.0版本的桥接,就输入命令npm install -g @vue/cli-init

3.安装淘宝镜像

4.安装git

在git官网下载安装包,然后按照提示安装即可

设置全局用户名和邮箱

git config --global user.name "你的名字"

git config --global user.email "你的邮箱@example.com"

创建分支git branch

切换分支git checkout

5.创建项目

vue create vue-admin

6.启动项目

npm run serve

7.git上传到远端后再下载可能会报错

解决办法:修改.eslintrc.js文件,prettier规则:

javascript 复制代码
rules: {
    "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
    "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
    "prettier/prettier": [
      "error",
      {
        endOfLine: "auto",
      },
    ],
  },

保存代码自动格式化:搜索 editor.formatOnSave

相关推荐
武昌库里写JAVA2 分钟前
【MySQL】MySQL数据库如何改名
java·vue.js·spring boot·sql·学习
天生我材必有用_吴用17 分钟前
vue3实战九、vue3+vue-cropper实现头像修改
前端
Sobeit26 分钟前
ES2025 颠覆性 JS 黑科技新特性详解
前端
new_abc32 分钟前
net-snmp添加自定义mib树
服务器·前端·javascript
前端梭哈攻城狮39 分钟前
dify二开示例
前端·后端·python
该用户已不存在41 分钟前
Node.js 真的取代了PHP吗?
前端·后端·node.js
ze_juejin1 小时前
JavaScript 的事件循环(Event Loop)机制
前端
前端缘梦1 小时前
从源码到dist:拆解Webpack如何完成前端工程的"基因编译"
前端·webpack
热爱运维的小七1 小时前
中型企业如何用 RUM 技术破解地理分布式用户体验难题?从指标监测到优化实操
前端·网站响应速度·地域访问
程序猿阿伟1 小时前
《从点击到共鸣:论坛前端如何用交互细节编织用户体验》
前端·ux