美团app 学习

6 准备工作

6-1环境准备与项目安装

• 环境准备: 版本变动

node npm webpack koa nuxt

• 项目安装: npx create-nuxt-appproject name

6-2 辅助工具安装与配置

• 问题1:
  官方脚手架用的 :const Koa = require('koa'),
  用import Koa from 'koa'会报错 SyntaxError: Unexpected identifier
  node 本身不支持这种写法, 之前是用了babel做了处理, 在package.json中看到npm run dev是直接启动node, 没有经过babel处理

解决:
babel执行server程序

• 创建babel配置文件, 指定指令集,
  参考: https://www.cnblogs.com/kongxianghai/p/7196176.html

npm install babel-cli -g
出现sh: node: command not found这种错误,
解决方法: source ~/.profile
在项目中安装npm install babel-preset-es2015

---

• 问题2
  <style lang= "scss">报错

解决: npm i sass-loader node-sass

• 辅助工具的安装

mongoose redis robo 3t

• 配置

1. 使用ES6的import&export, 上面已经讲了
2. 修改build