Skip to content

Commit 31958a4

Browse files
committed
.
1 parent 8b1c6c0 commit 31958a4

File tree

3 files changed

+113
-6
lines changed

3 files changed

+113
-6
lines changed
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,69 @@
1+
---
2+
title: 项目启动
3+
icon: play
4+
dir:
5+
collapsible: false
6+
expanded: false
7+
order: 1
8+
link: true
9+
category:
10+
- 项目启动
11+
---
12+
13+
::: tip
14+
本文档介绍如何启动项目 [vue-uniapp-template](https://gitee.com/youlaiorg/vue-uniapp-template)
15+
:::
16+
17+
## 环境准本
18+
19+
### 安装 Node
20+
21+
> `Node.js` 是运行 JavaScript 代码的环境,也是 `npm` 包管理器的依赖。
22+
23+
打开 [Node.js 官方下载页面](https://nodejs.org/zh-cn/download/prebuilt-installer),根据你的操作系统选择合适的版本进行下载,**推荐安装 LTS 版本**,这是长期支持版本,适合开发环境,比如这里选择 `v20.18.0(LTS) ` 版本。
24+
25+
![](https://i-blog.csdnimg.cn/direct/50053bf23e6344098f6c09d839c8981f.png)
26+
27+
28+
下载之后,双击安装包根据提示安装,通过以下命令检查是否成功安装:
29+
30+
```bash
31+
node -v
32+
```
33+
34+
![](https://i-blog.csdnimg.cn/direct/c0a3901ca8274491b35ddd17c2db1d78.png)
35+
36+
37+
38+
### 安装 VSCode
39+
40+
>`VSCode` 是一款非常流行的代码编辑器,特别适合前端开发。
41+
42+
访问 [Visual Studio Code 官方网站](https://code.visualstudio.com/) ,根据你的操作系统下载相应版本的 `VSCode` ,下载完成后,双击安装程序并按照提示完成安装。
43+
44+
45+
46+
## 启动项目
47+
48+
### h5端
49+
50+
```bash
51+
# 安装依赖
52+
pnpm install
53+
54+
# 启动项目
55+
pnpm run dev:h5
56+
```
57+
58+
### 小程序端
59+
60+
61+
在 HBuilder X 中,点击 `运行``运行到小程序模拟器``微信开发者工具`
62+
63+
![](https://www.youlai.tech/storage/blog/2025/02/24/df85a41c46bd41d18a67400867cdd50e.png)
64+
65+
66+
项目编译完成后,微信开发者工具会自动启动并呈现页面。
67+
68+
![](https://www.youlai.tech/storage/blog/2025/02/24/9c2ceb3651a446178a8b9fc6a34188b1.png)
69+

src/vue-uniapp-template/README.md

+16
Original file line numberDiff line numberDiff line change
@@ -7,3 +7,19 @@ dir:
77
expanded: true
88
link: true
99
---
10+
11+
12+
<div align="center">
13+
<img alt="vue-uniapp-template" width="100" height="100" src="/assets/image/youlai-logo.jpg">
14+
<h3>vue-uniapp-template</h3>
15+
</div>
16+
17+
## 项目简介
18+
19+
[vue-uniapp-template](https://gitee.com/youlaiorg/vue-uniapp-template) 基于 Uni-App、Vue3 和 TypeScript 构建的灵活跨平台移动端模板,使用 VSCode 和 CLI 高效开发模式。
20+
21+
22+
## 项目截图
23+
24+
25+
![](https://www.youlai.tech/storage/blog/vue-uniapp-template.jpg)

src/vue3-element-admin/1.项目启动/README.md

+28-6
Original file line numberDiff line numberDiff line change
@@ -9,14 +9,36 @@ category:
99
- 项目启动
1010
---
1111

12+
::: tip
13+
本文档介绍如何启动项目 [vue3-element-admin](https://gitee.com/youlaiorg/vue3-element-admin)
14+
:::
15+
16+
## 安装 Node
17+
18+
> `Node.js` 是运行 JavaScript 代码的环境,也是 `npm` 包管理器的依赖。
19+
20+
打开 [Node.js 官方下载页面](https://nodejs.org/zh-cn/download/prebuilt-installer),根据你的操作系统选择合适的版本进行下载,**推荐安装 LTS 版本**,这是长期支持版本,适合开发环境,比如这里选择 `v20.18.0(LTS) ` 版本。
21+
22+
![](https://i-blog.csdnimg.cn/direct/50053bf23e6344098f6c09d839c8981f.png)
23+
24+
25+
下载之后,双击安装包根据提示安装,通过以下命令检查是否成功安装:
26+
27+
```bash
28+
node -v
29+
```
30+
31+
![](https://i-blog.csdnimg.cn/direct/c0a3901ca8274491b35ddd17c2db1d78.png)
32+
33+
34+
35+
## 安装 VSCode
36+
37+
>`VSCode` 是一款非常流行的代码编辑器,特别适合前端开发。
38+
39+
访问 [Visual Studio Code 官方网站](https://code.visualstudio.com/) ,根据你的操作系统下载相应版本的 `VSCode` ,下载完成后,双击安装程序并按照提示完成安装。
1240

13-
## 环境准备
1441

15-
| 名称 | 下载地址 |
16-
| --------- | -------- |
17-
| VSCode | [下载](https://code.visualstudio.com/Download) |
18-
| Node ≥18 (其中 20.6.0 版本不可用) | [下载](http://nodejs.cn/download)
19-
2042

2143
## 下载代码
2244

0 commit comments

Comments
 (0)