个人建站前端篇
文章平均质量分 56
个人开发建站记录笔记
niech_cn
这个作者很懒,什么都没留下…
展开
-
个人建站前端篇(七)vite + vue3企业级项目模板
D 表示安装模块到开发依赖管理devDependencies中,如果你安装的库是用来打包的、解析代码的,比如vite、webpack、babel,就可以用 -d 来安装,项目上线了,这些库就没用了。vite-plugin-eslint: vite的一个插件,让项目可以方便的得到eslint支持,完成eslint配置后,可以快速的将其集成进vite中,便于在代码不符合eslint规范的第一时间看到提示。assets文件夹新建icons文件夹,新建svg文件夹,新建svg文件夹下新建svg文件,文件名随意。原创 2024-02-27 11:29:32 · 1460 阅读 · 0 评论 -
个人建站前端篇(六)插件unplugin-auto-import的使用
vue3日常项目中定义变量需要引入ref,reactive等等比较麻烦,可以通过unplugin-auto-import给我们自动引入解决了vue3-hook、vue-router、useVue等多个插件的自动导入,也支持自定义插件的自动导入,是一个功能强大的typescript支持工具。原创 2024-02-20 17:26:57 · 942 阅读 · 0 评论 -
个人建站前端篇(五)插件unplugin-vue-components的使用
unplugin-vue-components 插件可以在Vue文件中自动引入组件(包括项目自身的组件和各种组件库中的组件)使用此插件后,不需要手动编写 import { Button } from 'ant-design-vue’这样的代码了,插件会自动识别 template中使用的自定义组件并自动注册。当你使用unplugin-vue-components来引入ui库的时候,message, notification 等引入样式不生效。原创 2024-02-20 17:39:03 · 1648 阅读 · 0 评论 -
个人建站前端篇(四)ssr项目路由
【代码】个人建站前端篇(四)ssr项目路由。原创 2024-02-02 17:08:56 · 610 阅读 · 0 评论 -
个人建站前端篇(三)环境变量配置
env.development内容如下。.env.production内容如下。原创 2024-02-02 17:07:44 · 651 阅读 · 0 评论 -
个人建站前端篇(二)项目采用服务端渲染SSR
最后将项目部署到生产环境上,执行npm run build打包,然后将dist文件夹下的内容复制到服务器上,启动server.js启动服务,访问项目,查看效果。进行代码改造,在 src 目录下新建entry-client.ts和entry-server.ts两个入口文件。修改main.ts文件,将Vue应用的入口文件改为entry-server.ts。其中entry-client.ts文件内容如下。最后在项目根目录新建启动文件server.js。entry-server.ts文件内容如下。原创 2024-01-31 16:21:41 · 1436 阅读 · 0 评论 -
个人建站前端篇(一)项目准备初始化以及远程仓库连接
Vite 需要 Node.js 版本 18+,20+。然而,有些模板需要依赖更高的 Node 版本才能正常运行,当你的包管理器发出警告时,请注意升级你的 Node 版本。新建dev分支,提交代码到gitee仓库,执行以下命令,提交代码到gitee仓库,并推送到远程仓库。这里项目根目录会生成directory.md文件,里面会列出项目的目录结构,方便我们查看项目结构。打开git bash,进入webSiteVue文件夹,执行以下命令。在gitee上创建一个新的仓库,命名为website。原创 2024-01-30 13:27:04 · 421 阅读 · 0 评论