一、开发环境搭建
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 create-vite-app@1.18.0 或者 npm i -g create-vite-app@1.18.0
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 git@github.com:libao12345/test.git --合并
git push -u origin main --推送