O2O项目之一 环境搭配

Posted 2022-01-17 linjiangjin

技术栈：vue全家桶(使用nuxtjs：https://zh.nuxtjs.org/guide/installation  ) + ssr + redis + mongodb + wabpack + koa  这些安装方法，网上均有讲述，redis、webpack和mongodb最好全局安装。

1、全局安装npx: npm install -g npx

2、创建项目： npx create-nuxt-app (project-name),接下来根据提示操作。

3、因为nuxtjs使用import...from...会报错，因此创建完成后，需要进行一些配置。在根项目下创建  .babelrc文件，文件内容：

    "presets": ["es2015"]

4、在package.json文件的dev添加： --exec babel-node

"scripts": 
    "dev": "cross-env NODE_ENV=development nodemon server/index.js --watch server --exec babel-node",
    "build": "nuxt build",
    "start": "cross-env NODE_ENV=production node server/index.js --exec babel-node",
    "generate": "nuxt generate"
  ,

5、安装npm i babel-core babel-preset-es2015 babel-cli

至此o2o项目的环境搭配完成。