Vinson

Vinson

Vinson Blog

及时当勉励,岁月不待人。

后端基于SpringBoot开发,前端基于Nuxt3 Ts Naive UI开发,网站源码

記事一覧

  • 顶置

    发布于 2023-08-19

    Nuxt3项目部署到服务器

    181 热度

    4 条评论

    Linux

    Nuxt3项目部署1.安装node环境 cd /usr/local wget https://nodejs.org/dist/v16.14.0/node-v16.14.0-linux-x64.tar.xz tar xf node-v16.14.0-linux-x64.tar.xz mv node-v16.14.0-linux-x64.tar.xz node # 配置环境变量 vim /etc/profile export PATH=$PATH:/usr/local/node/bin # 添加这段代码 # 刷新 source /etc/profile # 检查是否安装成功 node -v # 安装node成功后安装pm2是node进程管理工具 npm i -g pm2 # 依赖包管理 npm i -g pnpm 2.前端打包文件上传到服务器 # 没有这个目录新建个 cd /data/nuxt # 上传前端打包文件.output到nuxt目录 # nuxt目录新建js文件 touch ecosystem.config.js

  • 顶置

    发布于 2023-02-22

    测试文章

    181 热度

    4 条评论

    测试分类

    字符效果 删除线 <s>删除线(开启识别 HTML 标签时)</s> 斜体字 斜体字 粗体 粗体 粗斜体 粗斜体 上标:X<sub>2</sub>,下标:O<sup>2</sup> ==高亮== Inline Code 引用:如果想要插入空白换行(即 <br> 标签),在插入处先键入两个以上的空格然后回车即可 超链接 普通链接 斜体链接 粗体链接 脚注 这是一个简单的脚注 ^1 而这是一个更长的脚注 ^bignote. 图像 下面是一张我家硝子的壁纸?: ![硝子1](

  • 发布于 2023-09-12

    webpack5(三)

    181 热度

    4 条评论

    Webpack

    5.Babel的深入解析为什么需要babel? 事实上,在开发中我们很少直接去接触babel,但是babel对于前端开发来说,目前是不可缺少的一部分: 开发中,我们想要使用ES6+的语法,想要使用TypeScript,开发React项目,它们都是离不开Babel的; 所以,学习Babel对于我们理解代码从编写到线上的转变过程直观重要; 了解真相,你才能获得真知的自由! 那么,Babel到底是什么呢? Babel是一个工具链,主要用于旧浏览器或者缓解中将ECMAScript 2015+代码转换为向后兼容版本的JavaScript; 包括:语法转换、源代码转换、Polyfill实现目标缓解缺少的功能等; Babel命令行使用 # 我们希望在命令行尝试使用babel,需要安装如下库 # @babel/core babel的核心代码,必须安装 # @babel/cli 可以让我们在命令行使用babel npm install @babel/core @babel/

  • 发布于 2023-09-12

    webpack5(二)

    181 热度

    4 条评论

    Webpack

    3. 加载和处理其他资源asset module type的介绍 我们当前使用的webpack版本是webpack5: 在webpack5之前,加载这些资源我们需要使用一些loader,比如raw-loader 、url-loader、file-loader; 在webpack5之后,我们可以直接使用资源模块类型(asset module type),来替代上面的这些loader; 资源模块类型(asset module type),通过添加 4 种新的模块类型,来替换所有这些 loader: asset/resource 发送一个单独的文件并导出 URL。之前通过使用 file-loader 实现; asset/inline 导出一个资源的 data URI。之前通过使用 url-loader 实现; asset/source 导出资源的源代码。之前通过使用 raw-loader 实现; asset 在导出一个 data URI 和发送一个单独的文件之间自动选择。之前通过使用 url-load

  • 发布于 2023-09-12

    webpack5(一)

    181 热度

    4 条评论

    Webpack

    1.webpack初体验webpack是什么 webpack是一个静态的模块化打包工具,为现代的javascript应用程序 我们来对上面的解释进行拆解 打包bundler:webpack可以将帮助我们进行打包,所以它是一个打包工具 静态的static:这样表述的原因是我们最终可以将代码打包成最终的静态资源(部署到静态服务器) 模块化module:webpack默认支持各种模块化开发,ES Module、CommonJS、AMD等 现代的modern:我们前端说过,正是因为现代前端开发面临各种各样的问题,才催生了webpack的出现和发 展 webpack的安装目前分为两个:webpack、webpack-cli 那么它们是什么关系呢? 执行webpack命令,会执行node_modules下的.bin目录下的web