个人练手项目（一）

这是个人一个记录项目开发过程的笔记，有可能出错，欢迎指正。

第一天

构建项目

1、npm install -g npx

2、npx create-nuxt-app elm

3、nuxt官方脚手架有一些问题

①无法支持import Koa from 'koa';

解决方法：先在package.json中修改

然后新建.babelrc文件

最后安装 npm install babel-preset-es2015

②<style lang="scss">会报错

解决方法：npm i sass-loader node-sass

4、使用postcss-px2rem来处理不同屏幕的显示

①首先下载flexible.js

g.tbcdn.cn/mtb/lib-fle…??flexible_css.js,flexible.js

放到如图目录下

②下载postcss-px2rem npm install --save postcss-px2rem

③配置nuxt.cofig.js 在head里加上 script: [ { src: '/vipService/js/flexible.js', type: 'text/javascript', charset: 'utf-8'} ], 在build里加上 postcss: [ require('postcss-px2rem')({ remUnit: 75 }) ],

5、由于是个人项目，所以图标就到阿里巴巴图标网上找，然后直接生成代码，在layout/default.vue（个人感觉这个default.vue大概就是用来写默认样式的吧）中引入

<i class="iconfont">&#xe63b;</i>

今天就到这里，之后正式开始编写项目