技术栈: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项目的环境搭配完成。