一.准备环境
1.安装ndoejs
下载好之后安装就是改下地址全下一步就行了。
安装好后按win键(alt左边那个windows图标键)+ R,输入cmd回车打开命令窗
然后输出node -v 查看node版本,出现版本号就是安装好了
2.安装代码编辑器vscode
这个就是个代码编辑器应用,应用商店和官网code.visualstudio.com/ 都行,我就不截图了
二、搭建vue3项目框架
选择一个空文件夹(或者直接在桌面也行)打开命令窗输入
npm init vite@latest my-vue-app -- --template vue-ts
my-vue-app是项目名字可以自行修改,运行这个命令后文件夹内就会生成一个基于 Vue 3 + TypeScript 的默认工程骨架
然后把创建好的工程文件拖进vscode,然后在下面终端窗口输入nmp i 并回车安装项目依赖,安装好后再在终端窗口输入npm run dev等项目运行好之后按住ctrl点击终端显示的本地链接,你的第一个vue3项目就运行好啦