董叔叔

标签： nuxt

  • nuxt v3 如何安装tailwindcss

    刚开始我上tailwind的官网想看看nuxt v3如何安装tailwindcss，安装了一半发现好像不对，tailwind官网的那个教程是nuxt2安装的方式。

    搜索之后发现，nuxt官方写了tailwind的插件，网址如下：

    nuxtjs的生态tailwind插件 https://tailwindcss.nuxtjs.org/

    安装3步搞定

  • Nuxtjs如何引入代码高亮prismjs

    一，安装prismjs

    npm install prismjs

    二，配置nuxt.config.js

    在nuxt.config.js文件中添加prism插件

    export default {
  plugins: [
    '~/plugins/prism'
  ],
}

    三，编写插件

    目录app/plugins/prism.js

    import Prism from 'prismjs'
import 'prismjs/themes/prism-tomorrow.css' // 选择你喜欢的主题
export default Prism

    四，引用插件

    在需要的页面，例如/pages/detail/_id.vue

    export default {
  ...
  mounted(){
    Prism.highlightAll()
  },
  ...
}