[从入门到入土(前端篇)]一,项目搭建

[从入门到入土(前端篇)]一,项目搭建

• 个人博客: 阿文的个人栈

接下来我会同步一些我博客上,关于搭建博客的相关内容,希望对大家会一点点帮助

博客前端项目使用的是vite2+vue3框架,因为vite2做为新出的脚手架工具,我觉得非常有必要实际体验下.于是我放弃了vue-cli.
在实际体验中,vite2给我一个感觉:就是快!!!
具体两者的差别在哪里,以后我会专门写篇文章介绍,大家也可以自行百度了解.
废话不多说,GameStart~

码云项目地址:https://gitee.com/awen6666/vite2-demo

如果有看不懂的,可以直接看项目原文件

打地基

vite官网

1. 搭建项目

npm init @vitejs/app 项目名称

下载完后后,键盘上下键选择哪个框架, 我们选择vue,然后回车确定.
(其他的框架,有兴趣的同学可以去了解一下)

• vanilla 地址
• vue 地址
• react 地址
• preact 地址
• lit
• svelte 地址

接下来选择 是使用原生js开发 还是用ts开发 我们选择原生js开发

点击回车,这时候项目已经搭建好了,是不是非常快?

我们看下项目的文件结构

整个项目的文件结构非常简单,相比vue-cli 缺少了一些东西,比如vue-router.后面我们再慢慢让它们出现

2.安装依赖

npm install

静等下载完成

3.启动项目

npm run dev

到这里 整个项目的基础框架已经搭建好了,并成功启动

和搭建vue-cli 差不多模式,但是整个搭建过程非常的简单快捷.

接下来会进行一些工具的安装