vue3项目开发总结

春天姐姐2025-02-23 8:17

一、从零开始搭建vue3项目

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

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