Vue3 造轮子

一、开发环境搭建

1.安装 Node.js 稳定版

   点击链接 https://nodejs.org/zh-cn/ 

2.安装npm

    不需要安装，Node.js自带npm

3.npm加速（设置下载镜像）

    在命令行中运行 npm config set registry https://registry.npm.taobao.org 回车即可

4.安装yarn

     点击链接：https://classic.yarnpkg.com/zh-Hans/ ，直接下一步到安装完成

5.安装VSCode

    进入 https://code.visualstudio.com/ 点击 Download 按钮，下载后安装在任意位置即可。

二、使用Vite搭建官网

1.创建项目

    1.1 打开命令行（cmd、git bash等），进入学习目录

进入学习目录

    1.2 全局安装 create-vite-app

        使用yarn global add [email protected] 或者 npm i -g [email protected]

安装 create-vite-app

    1.3 创建项目目录

        使用 cva gulu-ui-1  或者  create-vite-app gulu-ui-1 创建自己的项目目录，其中 “gulu-ui-1”是自己的项目目录，可以随意更改。

创建项目目录

        切换到创建的项目目录，安装依赖。控制太输入：yarn

安装依赖

        运行项目，输入：yarn run dev 或者 npm run dev

运行项目

        运行结果

运行结果

三、开始Vue3 造轮子

详细的步骤可以看我github的commit提交：commit提交

官网的搭建到完善到我的提交“展示或隐藏代码”这个提交就完成了

最终代码展示：最终代码

以下链接是我的官网的展示：libao-UI库

欢迎各位的交流

最后在提供几句git的命令：

--git 提交

git init    --初始化本地仓库

git commit -m "first commit"    --提交代码

git branch -M main    --分支

git remote add origin [email protected]:libao12345/test.git    --合并

git push -u origin main    --推送