Skip to content
Shimon's BlogShimon's Blog
主页
杂谈
  • 主页
      • 代码笔记
          • Vue.js
            • TypeScript 组件 Demo
              • Vue 与小程序的异同
                • Vue 单文件组件说明
                  • 在 Vue 中使用 Typescript
                    • 开发环境安装
                      • 环境准备
                        • VS Code 安装
                          • Git 安装
                            • Node.js 环境安装
                            • 初始化版本库、下载网页代码并安装 npm 模块
                              • 开发工具安装
                              • 快速上手 Vue.js
                                • 组件使用说明

                              开发环境安装

                              Shimon Zhan2022年4月19日
                              • Vue
                              • 安装
                              • 基础
                              大约 1 分钟

                              此页内容
                              • 环境准备
                                • VS Code 安装
                                • Git 安装
                                • Node.js 环境安装
                              • 初始化版本库、下载网页代码并安装 npm 模块
                              • 开发工具安装

                              # 环境准备

                              # VS Code 安装

                              • 安装 VS Code

                              # 开发指南

                              1. 使用 VS Code 打开项目文件夹。

                                提示

                                请打开 VS Code 选择菜单栏中的 “文件-打开文件夹”,或在文件夹上 “右键——使用 VS Code 打开” 或在文件夹内部空白处 “右键——使用 VS Code 打开”。

                              2. 打开终端(快捷键 Ctrl + ` )。(反引号为 ` )

                              3. 在终端中输入相关指令即可执行相关功能。

                              # Git 安装

                              • 安装 Git

                              # Node.js 环境安装

                              请先安装 Node.js 并将 npm 与 Node.js 添加至 path。

                              • 安装 Node.js

                              • 添加到 path

                              # 初始化版本库、下载网页代码并安装 npm 模块

                              1. 打开文件管理器窗口找到合适位置,并在地址栏输入 cmd,以在当前界面打开终端。

                              2. 使用 git clone git@github.com:Mister-Hope/vue-template.git 克隆模板。

                              3. 使用 VS Code 打开刚刚克隆出来的文件夹,按下 Ctrl + ` 打开终端。

                              4. 使用 npm install 命令安装模块。

                              提示

                              npm 模块介绍

                              此处待补充。

                              # 开发工具安装

                              Vue 官方提供的浏览器插件 VueTools 可以更好的帮助开发。

                              使用 VPN 用 Chrome 打开安装网址open in new window,安装 VueTools 开发工具

                              提示

                              VPN 可以使用赛风 3 或 Betternet。

                              上次编辑于: 2022/4/19 07:13:07
                              贡献者: ShimonZhan
                              上一页
                              在 Vue 中使用 Typescript
                              下一页
                              快速上手 Vue.js
                              Copyright © 2021-present Shimon Zhan