zhanghaoran
文章 文章详情

nuxt初始化笔记

阅读:30 分类:nuxt.js 发布时间:2天前

创建项目

npx create-nuxt-app proName

配置启动地址和端口

在 ~/package.json中添加如下代码:

"config": {
    "nuxt": {
      "host": "0.0.0.0",
      "port": "8021"
    }
  }

配置全局css

在 ~/assets/css下创建res.css,并写入全局css
*{
  margin: 0;
  padding: 0;
}
body{
  font: 14px Microsoft YaHei,Heiti SC,tahoma,arial,Hiragino Sans GB,sans-serif;
}
button{
  background: none;
  border: none;
  border-radius: 3px;
  font-size: 14px;
  cursor: pointer;
  outline: none;
}

a{
  text-decoration: none;
}
在 ~/nuxt.config.js 文件中的 css 中加入以下代码:
  css: [
    '~/assets/css/res.css'
  ],

设置css为外联

在 nuxt.config.js 文件中的 build 中加入以下代码:

build: {
    // css文件外联方式引入(外部引入)
    extractCSS: true,
}

待更新


配置UI框架(element-ui)

配置环境变量

配置axios