快速开始 - 启动项目

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: 推荐此方式,方便后续各种部署
    1. 先在 GitHub Fork nuxt-quick项目
    2. 再下载项目
    $ git clone https://github.com/${Your GitHub Name}/nuxt-quick
    
  • 方式2:
# 直接下载项目
$ git clone https://github.com/pieceook/nuxt-quick

#四、启动项目

    1. 使用
      Vscode
      打开项目
      nuxt-quick
      (因 Vscode 插件作用范围缘故,建议单独新开一个 Vscode 窗口打开,体验更好~)
    1. 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設計
程式碼規範
開發環境
部署
待辦規劃
</> Hello!Good day to you.
Powered by NuxtQuick.