个人练手项目(一)

765 阅读1分钟

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

第一天

构建项目

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>

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