egg创建后台项目

简介: 只要在 package.json 中添加下面的声明之后,会在项目根目录下动态生成 typings 目录,里面包含各种模型的类型声明

一、egg创建项目


node >=8.0
npm >=6.1.0


有两种方法创建项目


1、第一种方法


$ mkdir egg-example && cd egg-example
$ npm init egg --type=simple
$ npm i


2、第二种方法


$ npm i egg-init-g
$ egg-init egg-exanple --type=simple
$ cd egg-example
$ npm i


4、第三种方法:ts创建


$ npx egg-init --type=ts showcase


4、启动


$ npm runn dev


三、项目配置


1、用 JavaScript 写 egg 智能提示


只要在 package.json 中添加下面的声明之后,会在项目根目录下动态生成 typings 目录,里面包含各种模型的类型声明(参考链接):


"egg": {
  "declarations": true
}


四、get传值和动态传值


1.query获取值


url地址:http://localhost:7001/new/content?user=%E6%9D%8E%E5%9B%9B&age=29


获取参数


const { ctx } = this;
const query = ctx.query;
console.log('query', query);
query{user:'李四',age:'29}


2.params获取参数值


url参数地址:http://localhost:7001/new/detail/2667788


路由参数
router.get('/new/detail/:id', controller.new.detail);


获取参数


const { ctx } = this;
const query = ctx.query;
console.log('query', query);
query{id:'2667788'}


相关文章
|
4月前
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
623 3
|
5月前
|
JavaScript API 项目管理
Nuxt Kit 组件管理:注册与自动导入
【9月更文挑战第16天】Nuxt Kit 的组件管理功能包括全局和局部注册,简化了组件引入流程。全局注册允许在 `nuxt.config.js` 中配置,局部注册则在单个组件中导入并注册。自动导入功能通过插件如 `unplugin-vue-components` 实现,根据目录结构和命名规范自动识别和导入组件,提升开发效率和代码可维护性,尤其适用于大型项目。这一机制让组件管理更加便捷高效。
|
7月前
|
移动开发 小程序 JavaScript
uni-app 搭建开发环境,创建项目,运行项目
uni-app 搭建开发环境,创建项目,运行项目
70 0
|
7月前
|
Dart Android开发 iOS开发
flutter 创建项目、运行项目、项目目录
flutter 创建项目、运行项目、项目目录
245 0
|
9月前
|
JavaScript Java Maven
Vue2 脚手架下载及配置淘宝镜像--和ieda的配置和打开
Vue2 脚手架下载及配置淘宝镜像--和ieda的配置和打开
333 0
Vue2 脚手架下载及配置淘宝镜像--和ieda的配置和打开
|
资源调度 前端开发 NoSQL
Jpom新建仓库部署前端项目
Jpom新建仓库部署前端项目
215 0
|
JavaScript 前端开发
vue3项目创建步骤,以及项目运行失败的原因和解决方法
vue3项目创建步骤,以及项目运行失败的原因和解决方法
936 0
|
前端开发
Egg.js 项目中怎么使用前端模板
Egg.js 项目中怎么使用前端模板
258 0
Egg.js 项目中怎么使用前端模板
|
前端开发
关于vue-admin-work后台前端管理框架重大升级
前段时间我们发布了 vue-admin-work的初期版本,受到了很多的小伙伴的支持与鼓励,在这里再次感谢大家对 vue-admin-work的关注。但是在此期间我们也发现了很多的不足之处
关于vue-admin-work后台前端管理框架重大升级
|
存储 JSON JavaScript
React、Vue项目build打包编译后如何再修改后台请求地址
React、Vue项目build打包编译后如何再修改后台请求地址
603 0
React、Vue项目build打包编译后如何再修改后台请求地址