简介

本人博客：糖墨夕盒子

所以我打算做一个用于展示功能模块，以及样式参考的demo(纯前端)，这是我的GitBlog定位，下面就介绍下搭建历程，后续会继续分模块跟大家分享我建博客的过程直到发布成功，哈哈哈，欢迎点赞关注谢谢

Git: 在Github上轻松搭建个人博客

Vue3.2: 记Vite+ESLint与Prettier项目搭建实用配置

项目创建

使用vite初始化项目

yarn create vite-app tmx-blog

1. 初始化完项目，通过cd tmx-gitblog进行到项目里面，然后再执行npm install安装依赖(建议使用淘宝镜像)

2. 依赖安装完需要通过npm run dev启动项目

   

是不是瞬间体验到了秒启动项目的感觉，启动之后就可以通过http://localhost:3000来访问项目了

查看项目结构

使用vscode打开项目之后，可以查看到新建的项目结构与vue-cli4创建的项目结构基本一样，都是我们很熟悉的App.vue和main.js

打开main.js我们发现Vue2.x和Vue3.x的写法悄然变化，

Vue2.x

new Vue({
  el: '#app',
  router,
  store,
  template: '<App/>',
  components: {
    App
  }
});

Vue3.x

import { createApp } from 'vue'
import App from './App.vue'
import './index.css'
createApp(App).mount('#app')

引入TDesign

选择可以支持Vue3版本的Vue Next

进度

目前初步成形， 后面会逐步完善每一个盒子，敬请关注期待😚