File tree 3 files changed +113
-6
lines changed
vue3-element-admin/1.项目启动
3 files changed +113
-6
lines changed Original file line number Diff line number Diff line change
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
+
Original file line number Diff line number Diff line change 7
7
expanded : true
8
8
link : true
9
9
---
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 )
Original file line number Diff line number Diff line change @@ -9,14 +9,36 @@ category:
9
9
- 项目启动
10
10
---
11
11
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 ` ,下载完成后,双击安装程序并按照提示完成安装。
12
40
13
- ## 环境准备
14
41
15
- | 名称 | 下载地址 |
16
- | --------- | -------- |
17
- | VSCode | [ 下载] ( https://code.visualstudio.com/Download ) |
18
- | Node ≥18 (其中 20.6.0 版本不可用) | [ 下载] ( http://nodejs.cn/download )
19
-
20
42
21
43
## 下载代码
22
44
You can’t perform that action at this time.
0 commit comments