昨天有同学说想暑假在家学一学Vue3，问我有没有什么好的文档，我给他找了一些，然后顺带着，自己也写一篇吧，希望可以给新手小白们一些指引，Vue3接待你。
目次
1 项目安装
1.1 初始化项目
1.2 安装初始化依赖
1.3 启动项目
2 一定会用的第三方库
2.1 js-tool-big-box
2.2 less或者sass预处置惩罚器
2.3 axios请求库
2.4 UI库
1 项目安装
这里我们推荐Vite安装，Vite 是一个 web 开发构建工具，由于其原生 ES 模块导入方式，可以实现闪电般的冷服务器启动。通过在终端中运行以下命令，可以使用 Vite 快速构建 Vue 项目：
1.1 初始化项目
npm init vite-app js-tool-big-box-webiste
上面的命令是说呢，我们想通过vite创建一个名为 js-tool-big-box-webiste 的项目。在控制台终端输入命令后，有提示，我们输入 “y” 即可。
如上图安装完成后，你所实验的电脑目次下面会有对应的项目文件，如下图：
1.2 安装初始化依赖
我们刚才创建了新项目（ js-tool-big-box-website ），那么项目中就生成了以这个项目名为名字的文件夹，通过终端，进入到这个目次的环境下，实验以下命令：
cd js-tool-big-box-website
然后安装初始化依赖
npm install
如下图所示，已经安装完成：
而我们的文件夹下也生成了 node_modules 依赖目次，如下图所示：
1.3 启动项目
使用vite创建项目后，启动项目黑白常快速的，如闪电般的速度，实验下面的命令：
npm run dev
启动乐成后，可以在终端看见如下界面：
如上图所示，可以使用其中恣意一个url，然后复制，粘贴到欣赏器，就可以打开项目了：
2 一定会用的第三方库
项目安装完成以后呢，就要着手项目开发了。正所谓工欲善其事，必先利其气。在项目开发之前，我们先说几个，前端项目开发中，一定会用到的第三方库。用了这几个第三方库呢，可以帮我们开发更高效。
2.1 js-tool-big-box
js-tool-big-box险些是前端开发项目，必用的一个npm库，他的功能丰富，使用便捷，可以让前端开发及其高效。现在他的功能包罗但不限于：
时间日期转换、
cookie的存取、
localStorage的存取、
防抖节省的快捷应用、
number和字符串的常用方法封装、
一些日常的正则匹配验证、
复制笔墨到剪贴板、
生成UUID、
数组去重、
潜伏关键字符串中心字符、
获取具体数据类型、
检测暗码强度、
下载文件、
打开全屏、
发送Jsonp跨域请求、
获取欣赏器具体信息等
学习文档：js-tool-big-box学习文档
2.2 less或者sass预处置惩罚器
传统的css编写方式比较低端，使用less或者sass这种预处置惩罚器，可以让CSS开发高效起来，非常推荐使用。
less学习文档：less学习文档
2.3 axios请求库
一样平常项目都会涉及到与服务端交互，而这个时间你可以使用axios发送请求。
axios学习文档：axios学习文档
2.4 UI库
针对Vue3，假如是C端开发呢，我们照旧希望可以手写一些比较轻量级的UI库，但假如是B端呢，我们推荐Element Plus。
学习文档：一个 Vue 3 UI 框架 | Element Plus (element-plus.org)
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。 |
