公开

10 个插件

  • 说明
  • 插件
  • 代码结构

image.png

Nuxt

Nuxt是Vue的SSR版本,适用于需要做SEO的站点。属于Vue生态中的一个重要成员。

启动/打包项目

安装依赖

npm install --registry https://registry.npmmirror.com

开发环境运行

npm run dev

测试环境/演示环境运行

npm run staging

打包项目

npm run build

命令执行后,将产生.output目录。将其打包并使用pm2启动即可。

环境分离

默认情况下,分成了3个环境,分别是

  • 开发环境:环境配置文件对应.env.development
  • 测试环境/演示环境:环境配置文件对应.env.staging
  • 生产环境:环境配置文件对应.env.production

路由处理

Nuxt默认集成了路由,只需要在pages目录下创建vue文件,然后根据路径进行访问即可。如下

页面文件路径为:pages/a.vue

则可通过/a来访问。首页路径为pages/index.vue

接口代理

框架中已经配置好接口代理,代理路径为http://localhost:8080/,可在.env文件中修改,或在其它环境配置文件中覆盖。

其它

为了让框架保持轻量,我们并没有集成太多内容。但可以通过安装插件来扩展所需要的技术或功能。这也是我们发布至KIT的一个重要原因。

效果预览

image.png

前往官网

  • 10

  • 23天前

构建框架