快速开始 - 启动项目
2024-09-20· 8min
#一、安装 Vscode & 插件
#Vscode
#Vscode插件
PS:详见项目下的
.vscode/extensions.json
#二、安装 NVM & Node.js
# MacOS
$ brew install nvm
$ nvm install v20.12.2
$ nvm use v20.12.2
$ npm install -g pnpm
# Linux
$ curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.1/install.sh | bash
$ nvm install v20.12.2 # 新开终端窗口再执行
$ nvm use v20.12.2
$ npm install -g pnpm
#三、下载项目
- 方式1: 推荐此方式,方便后续各种部署
- 先在 GitHub Fork nuxt-quick项目
- 再下载项目
$ git clone https://github.com/${Your GitHub Name}/nuxt-quick
- 方式2:
# 直接下载项目
$ git clone https://github.com/pieceook/nuxt-quick
#四、启动项目
- 使用 Vscode打开项目nuxt-quick(因 Vscode 插件作用范围缘故,建议单独新开一个 Vscode 窗口打开,体验更好~)
- 使用
- Terminal终端执行命令(在项目根目录下)
# 安装依赖若遇到网络问题
# 1. 建议安装依赖前在终端设置proxy,开启方式见下方「附:Terminal终端设置proxy」
# 2. 或使用其它pnpm镜像
$ pnpm install # 安装依赖
# 启动项目
$ pnpm dev
- 附:Terminal终端设置 proxy(解决依赖安装遇到的网络问题)
export http_proxy=http://127.0.0.1:${Your ProxyPort}
export https_proxy=$http_proxy
export all_proxy=http://127.0.0.1:${Your ProxyPort}
export socks5_proxy="socks5://127.0.0.1:${Your ProxyPort}"
# PS: 便捷方式,可设置bash/zsh alias
快速开始
基本框架
功能模块
UI设计
代码规范
开发环境
部署
待办规划