第一步
关于项目第一步,那当然是搭框架咯,我没有太过分的技术追求,非得自己一个个文件都自己写自己跑起来,我喜欢更加高效的方式,依赖那些简单的方法。比如:
npm init vite@latest vvt-web
生成简易项目框架
- 1、确保已经配置好了Node.js和npm。如果不会,可以自行搜索技术官网,都有详细的教程和手册,我就不在这儿多说。
- 2、 打开命令行界面,进入到你想要创建项目的目录,并执行以下命令来初始化一个新的Vite项目:名字你随便取,我就叫vvt-web
npm init vite@latest vvt-web
(上述命令就是使用最新版本的Vite脚手架工具来创建一个名为"vvt-web"的新项目。然后根据提示选择Vue 3作为模板,并确保选择"Use TypeScript"以使用TypeScript。)
-
- 进入到项目目录(你刚刚项目的目录),安装项目依赖:
npm install
(如果失败,尝试使用yarn试试,自行下载安装,都是install命令:yarn install
)
- 4、顺利的话你应该会得到一个这样的项目,我只截图一下文件结构。
-
- 进入到项目目录启动项目:
npm run dev
如果顺利的话会给你一个本地启动地址,浏览器打开后应该是这样:
理论上,简易的框架就算搭好了,后续就是引入项目想使用的插件和依赖了。