美團(tuán)app 學(xué)習(xí)

文章目錄

• 美團(tuán)app 學(xué)習(xí)
• • 6 準(zhǔn)備工作
  • • 6-1環(huán)境準(zhǔn)備與項目安裝
    • 6-2 輔助工具安裝與配置

6 準(zhǔn)備工作

6-1環(huán)境準(zhǔn)備與項目安裝

• 環(huán)境準(zhǔn)備: 版本變動

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, 沒有經(jīng)過babel處理

解決:
babel執(zhí)行server程序

• 創(chuàng)建babel配置文件, 指定指令集,
  參考: https://www.cnblogs.com/kongxianghai/p/7196176.html

npm install babel-cli -g 出現(xiàn)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

• 配置

使用ES6的import&export, 上面已經(jīng)講了

修改build

總結(jié)

以上是生活随笔為你收集整理的美团(2) - 实战准备的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。