新手配置一步一步来

安装vscode开始 下载链接 share.weiyun.com/afPlpL81

文章链接https://juejin.cn/post/6978796685229031438

1.首先不要慌，先问问组长node版本

2.node版本下载。下载后缀为msi文件。查看链接

https://nodejs.org/zh-cn/download/releases/
node-v18.5.0-x64.msi                        
node-v18.5.0-x86.msi    
node -v     #查看nodejs是否安装成功 且输出版本号

3.再用npm安装yarn

npm install yarn -g

npm config set registry  https://registry.npm.taobao.org 切换淘宝镜像
npm init    #初始化package.json 文件  
npm install 模块名    #下载某个模块
npm install 模块名@版本号   #下载指定版本号的某个模块
npm install 模块名  -D     # 下载只在开发环境中使用的模块
npm install 模块名  -g     # 下载全局都能够使用的模块   C盘   --global
npm install              # 下载package.json文件中的所有需要的模块
npm uninstall 模块名      #删除指定模块的引入

yarn 命令

yarn init    #初始化package.json 文件  
yarn add 模块名    #下载某个模块
yarn add 模块名@版本号   #下载指定版本号的某个模块
yarn add 模块名  -D     # 下载只在开发环境中使用的模块
yarn add global 模块名     # 下载全局都能够使用的模块   C盘   --global
yarn add              # 下载package.json文件中的所有需要的模块
yarn remove 模块名       #删除指定模块的引入
yarn config set registry  https://registry.npm.taobao.org   #设置淘宝镜像源
yarn config get registry

4.如果没有git就安装git如果有就下一步

git的链接share.weiyun.com/hcRhM3H5

5.然后安装你需要用的全局插件

vue
npm install -g @vue/cli || yarn global add @vue/cli 
vue --version    #检查版本是否安装成功
- 代码高亮  vetur 
- 代码补全   Vue VSCode Snippets
 搭建TypeScript 本地环境
 全局安装
 npm i -g typescript
 安装ts-node
 npm i -g ts-node
初始化
tsc --init
tsc index.ts
项目创建
yarn create vite my-vue-app --template vue 
快速创建vue3+ts项目
yarn create vite my-vue-app --template vue-ts   #快速初始化项目