vue3项目搭建，以及github上搭建自己的静态博客

背景：之前就想用vue搭建一个属于自己的前后端项目，无奈服务器要钱，就草草了之了。最近同学给我看了他的博客，好家伙，一开始还以为哪有免费的服务器呢，结果是利用github做的纯前端博客。

如何再github上面搭建博客呢？
简单，往你的github仓库推一个index.html，然后设置一下，就行了~

一、申请github账号，官网，反正就是很慢了啦~

1. 注册完毕后，新建仓库
   

2. 仓库名称后缀记得改成.github.io，这个是github提供的免费域名
   

3. 进入仓库，点击上面的setting按钮，并于右侧菜单栏找到page选项，选择博客主题
   
   
   

4. 完成后，就可以刚刚设置的仓库名，默认访问仓库根目录下的index.html文件

//这是我搭建的博客地址，可以参考一下，自己的博客地址
https://litluecat.github.io/#/

二、vue项目搭建

1. 下载并安装node.js，详细步骤，可以参考这位仁兄
   官网
2. 下载并安装vue，直接【win+r】cmd

npm install -g @vue/cli
//版本检查，顺便看看是否安装成功
vue -V

3. 创建vue3项目，直接【win+r】cmd，详细配置，可以参考这位仁兄

//这里的demo是你自己的项目名称，自己改一下
vue create demo

4. 动动你的小手，用idea打开vue项目，详细配置，可以参考这位仁兄
   记得下载vue.js哟~
5. 默认的vue指令，写好项目后，打包完毕后，将dist文件夹里的所有内容推送到github仓库里

npm install
npm run serve //启动服务
npm run bulid //打包，会生成dist文件夹
npm run lint