【Vue3】实战双端招聘APP

小沈曰

已于 2023-10-06 19:49:43 修改

阅读量388

点赞数

CC 4.0 BY-SA版权

分类专栏： web-vue 文章标签： typescript

于 2023-10-01 21:39:40 首次发布

本文链接：https://blog.csdn.net/shentian885/article/details/133469963

web-vue 专栏收录该内容

50 篇文章

订阅专栏

本文介绍了在Mac上设置Node.js、npm、Vite和TypeScript的版本，演示了如何使用Vue3和Pinia进行工程初始化，以及推荐使用Volar进行代码校验，强调了类型明确和最佳实践。

1、软件环境

➜  ~ node -v
v18.17.1
➜  ~ npm -v
10.0.0
➜  ~ vite -v
vite/4.4.9 darwin-arm64 node-v18.17.1
➜  ~ tsc -v
Version 5.2.2

安装依赖

node安装：https://nodejs.org/en/download
vite安装：sudo npm install vite -g
ts安装：sudo npm install typescript -g

工程初始化

➜  vue3-ts-vite-vant git:(main) npm init vite
Need to install the following packages:
create-vite@4.4.1
Ok to proceed? (y) y
✔ Project name: … vite-vue3-ts
✔ Select a framework: › Vue
✔ Select a variant: › TypeScript

Scaffolding project in /Users/szlsay/Documents/GitHub/vue3-ts-vite-vant/vite-vue3-ts...

Done. Now run:

  cd vite-vue3-ts
  npm install
  npm run dev