vue3.0架手架搭建以及注意事项

安装vue3.0的脚手架，主要步骤分为以为几布：
1⃣，npm install -g @vue/cli，(安装)
2⃣，vue create 你的文件名 ， //或者vue ui (这两个方式都是用来创建文件的 但是后者是页面化的，需要自己手动配置需要的技术栈)
3⃣，cd 你的文件夹 （进去文件夹）
4⃣，npm run serve （运行）以上就是搭建一个vue3.0脚手架的一个过程。
那么架子搭好了，我们就需要去使用，使用的过程中我们肯定需要一些技术栈呀，样式呀这些的配置，那接下来就说到了，
一：怎么去配置端口号 ？首先我们新建一个vue. config. js文件，其次在这个文件里
module. exports ｛
devServer:{
port: 你想要的端口号
}
｝
二：手机端开发的适配
第一种方案：使用flexible，我们在github上找到这个js文件，复制下来，复制到我们自己建的文件中，然后再main. js中引入。
第二种方案：【推荐】
我们可以在网上自行去搜索rem适配文档，然后复制到自己的文件中，同样也是在main. js中引入。
三：EsLint代码校验
如果我们是手动配置的vue3.0其中有一项就是勾选是否使用eslint，那eslint是什么呢？
其实就是代码规范，也就是说，我们的代码如果写的不规范，他就会弹出报错（这里的报错是跟我们写的逻辑不是一回事的）。那我们如果勾选了他，当他检测到我们的代码不规范，就不会去启动，会一直报错，那一个简单粗暴的方式就是关闭他
（在vue. config. js的module.exports中配置linkOnSavetrue）开玩笑啊，因为毕竟开了这个模式我们就是为了代码规范。那下面说下他的几种方案吧
1⃣：手动解决，就是我们看着控制台输出的报错，几行几列，报的什么问题，我去根据他的提示去代码里找到相应的位置，去做相应的修改（常见的就是//没有空格啦，多了个；号啦，作用域不对啦这类的问题）
2⃣：结合vs code来解决，我们在cs code中装一个Eslint，然后我们代码不规范的地方他会自动出来红色的波浪线，我们鼠标移到那里就会提醒你是否要修复，你可以选择只修复这一个问题 也可以选择修复整个页面这样的的问题（通常带all的那个就是这个选项）
3⃣，通过eslint自带的–fix来修复，
我们在packjage. json里的scripts选项里{ ‘check’:eslint 具体的你要修复文件 --fix
}
【注：你的文件必须是具体的文件，而不能是一整个文件夹】