当前位置：首页 > news >正文

vue3项目开发总结

news 来源：原创 2025/5/8 2:40:39

一、从零开始搭建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规则：

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