使用vite创建新项目
在开始之前,请确保你的电脑已经安装了:

Node.js (版本要求:18.0 或更高,推荐 LTS 版本)
可以通过终端执行 node -v 检查版本,若未安装可去 Node.js 官网 下载

安装创建vite

打开终端(Windows 用 CMD/PowerShell,Mac/Linux 用 Terminal),执行以下命令安装:

# npm (最常用)
npm create vite@latest

#关键参数:
--template vue 对应纯 Vue3,--template vue-ts 对应 Vue3+TS。

# 或 yarn
yarn create vite

# 或 pnpm (推荐,速度更快)
pnpm create vite

按照以下选择即可安装成功

> npx
> create-vite

│
◇  Project name:
│  openbox
│
◇  Select a framework:
│  Vue
│
◇  Select a variant:
│  JavaScript
│
◇  Install with npm and start now?
│  Yes
│
◇  Scaffolding project in C:\Users\11720\Desktop\openBox\vue\openbox...       
│
◇  Installing dependencies with npm...

added 36 packages in 5s

9 packages are looking for funding
  run `npm fund` for details
│
◇  Starting dev server...

> openbox@0.0.0 dev
> vite

安装依赖(拿到新项目首先)

配置完成后,终端会提示你执行以下命令,依次运行:

# 进入项目目录
cd my-vue3-project

# 安装依赖 (根据你第一步用的包管理器选择)
npm install   # npm
# yarn install  # yarn
# pnpm install  # pnpm

运行项目

依赖安装完成后,启动本地开发服务:

npm run dev   # npm
# yarn dev    # yarn
# pnpm dev    # pnpm

打包vue项目

开发完成后,执行以下命令打包项目(生成可部署的静态文件):

npm run build   # npm
# yarn build    # yarn
# pnpm build    # pnpm

打包后的文件会放在项目根目录的 dist 文件夹中。

暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇