学习vue3的第一天，配置环境和初始化项目：
前言，vue3的学习使用脚手架和vite进行构建项目，电脑需要有Vue脚手架和node环境
1.安装nodeJs,选择使用nvm管理（win10）
1、如果自己电脑有了nodejs建议卸载，直接进入电脑设置，卸载干净
2、安装nvm: 下载链接：github.com/coreybutler… 打开链接往下滑，找到zip下载，如图：
3、选择你接受：
选择自己存放的位置，一路到底傻瓜式安装
3.win+r cmd 打开小黑框，检查命令：nvm -v显示版本号，nvm安装成功!
4.安装node版本： 安装v14的版本：nvm install 14 安装v18的版本：nvm install 18
查看已有的版本：nvm list
切换node版本命令：nvm use +版本号
例子：
2.初始化项目
1.初始化项目查看自己本机的npm版本号：
2、进入vite官网cn.vitejs.dev/guide/ 选择自己电脑npm对应的安装命令：
代码格式化
Prettier：代码格式化工具
二、安装 prettier
安装对应的配套插件：
cnpm install --save-dev --save-exact prettier
cnpm install eslint --save-dev
三、配置
1、.prettierrc.json 格式化配置文件
可以在 prettier.io/playground/ 中测试效果，然后拷贝配置内容到自己的项目中
{
"arrowParens": "always",
"bracketSameLine": true,
"bracketSpacing": true,
"semi": true,
"singleQuote": true,
"jsxSingleQuote": false,
"quoteProps": "as-needed",
"trailingComma": "all",
"singleAttributePerLine": false,
"htmlWhitespaceSensitivity": "css",
"vueIndentScriptAndStyle": false,
"proseWrap": "preserve",
"insertPragma": false,
"requirePragma": false,
"useTabs": false,
"embeddedLanguageFormatting": "auto",
"tabWidth": 2,
"printWidth": 200
}
2、.prettierignore 忽略格式化文件
/dist/*
/node_modules/**
