下载源代码
https://github.com/wangyuan389/mall-cook
下载好之后解压,删除.github和yarn.lock,因为使用pnpm
启动文档部署
切换到packages\mall-cook-document
,删除yarn.lock,安装依赖包pnpm install
执行pnpm dev
启动文档
文档就部署起来了^_^
安装后端服务
安装mongodb并启动
切换到packages\mall-cook-service
下,删除yarn.lock,执行pnpm install
包安装成功,需要修改配置文件config.js
修改后
config = {appid: 'xxx', // 小程序appIdsecret: 'xxx', // 小程序secretserviceApi: 'http://127.0.0.1:3000', // 服务器地址mongodbUrl: 'mongodb://127.0.0.1:27017/mall-cook', // mongodb数据库地址 格式:mongodb://username:password@host:port/namejwtSecret: 'xxx'//长度32位
}module.exports = config//xxx是表示需要改成自己的配置
执行pnpm start
启动项目
pnpm add koa-compose@4.1.0
pnpm add glob@7.2.3
至此后端服务启动成功^_^
部署模板项目(uni-app)
切换到packages\mall-cook-template
,删除yarn.lock,安装依赖包pnpm install
找到package.json修改pnpm
"dev": "pnpm run dev:h5",
"build": "pnpm run build:h5",
执行pnpm dev
主要是安装的copy-webpack-plugin版本太高,而当前webpack版本太低,不支持,高版本的配置语法也变了
安装5.0版本的copy-webpack-plugin即可解决
pnpm add copy-webpack-plugin@5.0.5
pnpm add -D postcss@8.1.1
pnpm add -D postcss-loader@4.0.3
pnpm add @dcloudio/vue-cli-plugin-uni@2.0.0-32220210818002
pnpm add babel-loader@8.2.1
pnpm add sass-loader@10.0.5
pnpm add url-loader@4.1.1
pnpm add ansi-html-community
pnpm add html-entities@2.1.0
pnpm add loglevel@1.7.1
pnpm add moment@2.29.1
pnpm add sockjs-client@1.5.1
pnpm add strip-ansi@6.0.1
# pnpm add -D webpack@5.3.0
# 出现Cannot read properties of undefined (reading 'tapAsync')需要降低webpack版本
pnpm add -D webpack@4.44.2
pnpm add ansi-regex@5.0.1
AllHtmlEntities is not a constructor
pnpm add html-entities@1.4.0
# pnpm add -D webpack-dev-server@4.3.1
# pnpm add -D webpack-hot-middleware@2.25.1 --registry http://registry.npm.taobao.org
找到request.js,修改地址
安装平台项目(platform)
删除yarl.lock
pnpm install --registry http://registry.npm.taobao.org
启动
pnpm run dev
注册账号登录,即可创建项目
后面就可以愉快的创建项目玩耍了