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

相关推荐
天天扭码13 分钟前
《很全面的前端面试题》——HTML篇
前端·面试·html
xw514 分钟前
我犯了错,我于是为我的uni-app项目引入环境标志
前端·uni-app
!win !17 分钟前
被老板怼后,我为uni-app项目引入环境标志
前端·小程序·uni-app
Burt18 分钟前
tsdown vs tsup, 豆包回答一坨屎,还是google AI厉害
前端
群联云防护小杜1 小时前
构建分布式高防架构实现业务零中断
前端·网络·分布式·tcp/ip·安全·游戏·架构
ohMyGod_1232 小时前
React16,17,18,19新特性更新对比
前端·javascript·react.js
前端小趴菜052 小时前
React-forwardRef-useImperativeHandle
前端·vue.js·react.js
@大迁世界2 小时前
第1章 React组件开发基础
前端·javascript·react.js·前端框架·ecmascript
Hilaku2 小时前
从一个实战项目,看懂 `new DataTransfer()` 的三大妙用
前端·javascript·jquery
爱分享的程序员2 小时前
前端面试专栏-算法篇:20. 贪心算法与动态规划入门
前端·javascript·node.js