1.安装node.js
node.js:node.js
2.安装vscode
vscode:vscode
3.创建项目文件夹
4.vscode打开项目文件夹
选择刚刚创建的项目文件夹
5.vscode中打开终端
默认打开终端快捷键:Ctrl+Shift+`
6.终端中输入新建vue3工程命令
npm create vue@latest
根据提示架构vue项目
7.安装依赖
重新打开vscode,打开文件夹>选择刚刚构建的vue项目文件夹,快捷键唤出终端,输入以下命令进行依赖安装
npm install
8.安装vue支持插件
9.vscode项目下终端输入以下命令开启nodejs项目试调
npm run dev
复制地址到浏览器打开即可预览效果