• 时间:
  • 分类:

安装 nvm for linux

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.6/install.sh | bash
source ~/.bashrc
nvm --version

如果显示版本号，说明安装成功。

nvm install 20.12.2  #安装指定版本的 Node，本项目推荐 Node v20.12.2
nvm ls-remote        #查看可用 Node 版本
nvm use 20.12.2      #切换版本
node -v              #查看当前版本

安装 nvm for windows

访问官方 GitHub 仓库：

nvm-windows Releases

选择最新的 nvm-setup.zip 或 nvm-setup.exe 下载，安装注意环境变量。

创建项目

npm create vite@latest my-portfolio -- --template react
cd my-portfolio

安装依赖

npm install
npm install plyr
npm install framer-motion react-intersection-observer

构建项目

npm start       #开发模式运行
npm run build   #构建项目

输入构建命令后同时自动执行命令：

在项目目录的 package.json 找到 "scripts" 部分

{
  "scripts": {
    "build": "vite build",
    "postbuild": "rm -rf /var/www/tool/demo/* && cp -r dist/* /var/www/tool/demo/"
  }
}

执行 npm run build 后，会自动删除旧文件并复制新构建内容。

标签: none

已有 4 条评论

  1. hoeiznztbj hoeiznztbj

    新盘 上车集合 留下 我要发发 立马进裙

    回复
  2. kbltxnipjx kbltxnipjx

    新盘首开 新盘首开 征召客户！！！coinsrore.com

    回复
  3. tpichvsigo tpichvsigo

    2025年10月新盘 做第一批吃螃蟹的人

    回复
  4. zevpvzgerf zevpvzgerf

    2025年10月新盘 做第一批吃螃蟹的人coinsrore.com
    新车新盘 嘎嘎稳 嘎嘎靠谱coinsrore.com
    新车首发，新的一年，只带想赚米的人coinsrore.com
    新盘 上车集合 留下 我要发发 立马进裙coinsrore.com
    做了几十年的项目 我总结了最好的一个盘（纯干货）coinsrore.com
    新车上路，只带前10个人coinsrore.com
    新盘首开 新盘首开 征召客户！！！coinsrore.com
    新项目准备上线，寻找志同道合的合作伙伴coinsrore.com
    新车即将上线 真正的项目，期待你的参与coinsrore.com
    新盘新项目，不再等待，现在就是最佳上车机会！coinsrore.com
    新盘新盘 这个月刚上新盘 新车第一个吃螃蟹！coinsrore.com

    回复

添加新评论