- 综合排序
- 最热优先
- 最新优先
- 来自专栏趣谈前端
9012教你如何使用gulp4开发项目脚手架
本文将会介绍如何使用gulp4来搭建项目脚手架，如果您还在使用gulp3或更老的版本，您也以通过本文的一些思想将之前的项目进行完善，更新。 搭建脚手架的思路，相关插件的用法以及项目结构的设计，由于gulp的基本用法很简单，如果不熟悉可以移步官网自行研究学习。 （https://github.com/MrXujiang/gulp4_multi_pages） 最后 该脚手架任然有需要完善的地方，比如如何兼容uglify和babel,md5需要使用两次的情况，如果更好的解决方案 在脚手架选型上，也不一定非要用gulp，webpack，一般的经验是传统型的静态网站适合用gulp，由于不需要编译es6，所以有更小的体积，当然也可以用webpack，本文主要是给大家提供一使用gulp4 搭建个脚手架的思路，希望能有所收获。
1.7K10发布于 2019-08-09 - 来自专栏六个周
Week4-脚手架命令注册和执行过程开发
本Week代码提交支：lesson04 第一章：本周导学 1-1 本周整体内容介绍和学习方法 标题 基于Commander完成脚手架命令注册和命令执行过程开发 收获 如何设计高性能脚手架 Node 多线程开发 javascript面向对象编程的实战技巧 内容 图解高性能脚手架架构设计方法 封装通用的Package和Command类 基于缓存 + Node 多进程 实现动态命令加载和执行 将业务逻辑和脚手架逻辑彻底解耦 第二章：imooc-cli脚手架命令注册 2-1 imooc-cli脚手架初始化+全局参数注册 (本节有代码编写) 本节的主要内容为使用commander这个库在全局添加注册命令 cd core/ 第三章：高性能脚手架架构设计和缓存结构设计 3-1 当前imooc-cli脚手架架构痛点分析 (本节无代码编写) 当前的代码架构如图： 3-2 高性能脚手架架构设计 (本节无代码编写) 对以上架构 /core/cli/bin/index.js)” 第四章 通用 npm 模块类 Package 封装 4-1 脚手架命令本地调试功能支持 (本节有代码编写) 通过前面画图了解，我们要实现的第一步是initCommand
1.2K20编辑于 2022-10-28 - 来自专栏码农小胖哥的码农生涯
从零搭建Spring Boot脚手架（4）：手写Mybatis通用Mapper
前言 今天继续搭建我们的kono Spring Boot脚手架，上一文把国内最流行的ORM框架Mybatis也集成了进去。但是很多时候我们希望有一些开箱即用的通用Mapper来简化我们的开发。 4. Spring 注册 Mapper 的机制 在最开始没有Spring Boot的时候，大都是这么注册Mapper的。
88730发布于 2020-08-11 - 来自专栏向前进
vue-cli脚手架npm相关文件解读（4）utils.js
系列文章传送门： 1、build/webpack.base.conf.js 2、build/webpack.prod.conf.js 3、build/webpack.dev.conf.js 4、build
94160发布于 2018-04-16 - 来自专栏编程
Vue脚手架
Vue 脚手架 脚手架文件结构 ├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src vue.config.js配置文件 使用vue inspect > output.js可以查看到Vue脚手架的默认配置。 使用vue.config.js可以对脚手架进行个性化定制，详情见：https://cli.vuejs.org/zh ref属性 被用来给元素或子组件注册引用信息（id的替代者） 应用在html标签上获取的是真实 配置全局混入(合) Vue.mixin(....) // 4. 添加实例方法 Vue.prototype.$myMethod = function () {...} -- 生成的是h4标题 --> <h4 v-for="g in scopeData.games" :key="g">{{g}}</h4> </template
46910编辑于 2024-10-28 - 来自专栏资料笔记
React脚手架
react脚手架react脚手架: 用来帮助程序员快速创建一个基于react库的模板项目，包含了所有需要的配置（语法检查、jsx编译、devServer…），下载好了所有相关的依赖， react提供了一个用于创建 react项目的脚手架库: create-react-app，项目的整体技术架构为: react + webpack + es6 + eslint，使用脚手架开发的项目的特点: 模块化, 组件化, 工程化 create-react-app第二步，切换到想创项目的目录，使用命令：create-react-app project_name第三步，进入项目文件夹：cd project_name第四步，启动项目：npm startreact脚手架项目结构 通过props传递，要求父提前给子传递一个函数注意defaultChecked 和 checked的区别，类似的还有：defaultValue 和 value状态在哪里，操作状态的方法就在哪里react脚手架配置代理方法一在 PubSub.publish(‘delete’, data) //发布消息3)this.token=PubSub.subscribe(‘delete’, function(_, data){ }); //订阅4)
1K20编辑于 2023-11-27 - 来自专栏DREAM
sooth脚手架
简介soothboot（https://github.com/moxa-lzf/sooth-boot）是一款前端基于vben:2.8.0，后端借鉴jeecg而开发的脚手架，它的诞生看似重复造轮子，实则是作者寄托将幻想变成现实的窗口 dictApi = new DictApi('/sys/dict').api;后端controller类写法@RestController@RequestMapping("/sys/dict")@Slf4jpublic 承诺脚手架不需要让开发者在意所谓的数据权限，逻辑删除，这些都会被无感屏蔽，即便多租户也一样，因此，sql注入数据权限，不需要额外增加类似${}，这对开发者并不友好这不是随意设计的玩意，技术和脚手架会稳定更新
75350编辑于 2023-02-08 - 来自专栏DREAM
脚手架soothboot
简介soothboot（https://github.com/moxa-lzf/sooth-boot）是一款前端基于vben:2.8.0，后端借鉴jeecg而开发的脚手架。 dictApi = new DictApi('/sys/dict').api;后端controller类写法@RestController@RequestMapping("/sys/dict")@Slf4jpublic
56500编辑于 2023-02-13 - 来自专栏愿天堂没有BUG（公众号同名）
什么是软件开发脚手架？为什么需要脚手架？常用的脚手架有哪些？
脚手架介绍 什么是脚手架 脚手架是一种用在建筑领域的辅助工具，或者说是为了保证各施工过程顺利进行而搭设的工作平台，有兴趣的读者可自行查看维基百科上的定义。 为什么需要脚手架 为什么软件开发需要脚手架呢？我们通过软件开发的一些基本原则看一下脚手架对软件工程的重要作用。 除非你是这个领域的专家，或者没有现成的软件脚手架能够满足你的需求，否则请停止“愚蠢地重复造轮子”的行为。 常用脚手架 下面列举一些软件开发中经常使用的脚手架，看一下如何通过脚手架提高我们的开发效率。 ● 日志：使用Logback和SLF4。 ● 数据库：使用Hibernate集成ORM框架。 本文给大家讲解的内容是微服务架构深度解析：什么是软件开发脚手架？为什么需要脚手架？常用的脚手架有哪些？ 觉得文章不错的朋友可以转发此文关注小编； 感谢大家的支持！
90220编辑于 2022-10-28 - 来自专栏希里安
vue脚手架
学习vue之初就接触到了脚手架，去年的时候还是使用vue cli进行构建，今年基本都用vite了，官方也都推荐这种方式，那就赶快用起来，快速开发属于自己的vue应用。 对于新项目，请使用 create-vue 来搭建基于 Vite 的项目的脚手架。 Testing：e2e（end to end） 测试 启动： cd yourproject npm install npm run serve create-vue 是基于vite启动的创建vue项目的官方推荐脚手架
52340编辑于 2023-10-30 - 来自专栏flytam之深入前端技术栈
webpack4学习+配置实现简单的多页面jq开发脚手架
wepack4 搭建多页面脚手架学习 *学习项目，很多配置可能有问题 前言：以前刚接触 webpack 的时候还是 1，当时大概过了下文档操作了一下当时写的一些注释。 后来开发的时候基本写 react 都是用的 create-react-app 或者找别人的搭好的脚手架用。 webpack4 刚出也不算久，重新学习加复习下 webpack 的一些知识。 一些升级到 webpack4 的 tips: extract-text-webpack-plugin 必须 4+版本才可以在 webpack4 中用 webpack4 中必须提供 mode 参数，process.env.NODE_ENV 的值为 production 或 development 该脚手架目前基本可用开发小型多页面。 在 webpack4 的文档中，官方也推荐我们使用 mini-css-extract-plugin 代替 extract-text-webpack-plugin，并且该 plugin 配合 css-hot-loader
1.1K10发布于 2020-01-14 - 来自专栏程序猿DD
什么是软件开发脚手架？为什么需要脚手架？常用的脚手架有哪些？
◆ 脚手架介绍 什么是脚手架 脚手架是一种用在建筑领域的辅助工具，或者说是为了保证各施工过程顺利进行而搭设的工作平台，有兴趣的读者可自行查看维基百科上的定义。 对应到软件工程领域，脚手架可以解释为帮助开发人员在开发过程中使用的开发工具、开发框架，使用脚手架你无须从头开始搭建或者编写底层软件。 为什么需要脚手架 为什么软件开发需要脚手架呢？我们通过软件开发的一些基本原则看一下脚手架对软件工程的重要作用。 ◆ 常用脚手架 下面列举一些软件开发中经常使用的脚手架，看一下如何通过脚手架提高我们的开发效率。 Vue框架 对于前端开发人员来说，Vue无疑是一套简单的、易于使用的构建用户界面的前端脚手架。 ● 日志：使用Logback和SLF4。 ● 数据库：使用Hibernate集成ORM框架。
10.8K41发布于 2021-10-14 - 来自专栏快乐阿超
springboot建站脚手架
地址：https://gitee.com/VampireAchao/simple-scaffold.git
30610编辑于 2022-08-16 - 来自专栏前端面试题库
nodejs 搭建脚手架
1 前言1.1像我们熟悉的 vue-cli，taro-cli 等脚手架，只需要输入简单的命令 taro init project，即可快速帮我们生成一个初始项目。 在日常开发中，有一个脚手架工具可以用来提高工作效率。1.2 为什么需要脚手架减少重复性的工作，从零创建一个项目和文件。根据交互动态生成项目结构和配置文件等。多人协作更为方便，不需要把文件传来传去。 脚手架是怎么样进行构建的呢，我是借助了taro-cli 的思路。 package.json 内容如下{ "name": "lq-shell", "version": "1.0.0", "description": "脚手架搭建", "main": "index.js 创建成功')) } } ) }) })program.parse(process.argv)总结通过上面的例子只是能够搭建出一个简单的脚手架工具
1.2K30编辑于 2022-12-07 - 来自专栏IMWeb前端团队
自制前端脚手架
学会了使用架手架，便想了解脚手架到底是怎么工作的， 阅读了相关脚手架的源码后，对原理有了一点心得。 想了解的同学可以访问(https://www.npmjs.com/package/imweb-cli) 脚手架目录结构 了解了脚手架基本原理后，我们来尝试自己制作一款脚手架。 首先要明白脚手架的核心是模板，什么是模板呢？ 模板就是包含一个项目完整信息的目录结构。 脚手架提供了对模板增、删、改、查的功能及初始化项目必要的能力。 下面是自制脚手架的目录结构： |__ bin |__struct // 脚手架命令 |__struct-init |__ lib |__ 运行 npm link 将脚手架挂在到全局 ， 此时可以在命令行调试新建的脚手架框架了。 在任意目录下运行命令struct -h, 可以看到刚完成的脚手架命令可以在全局生效了。
70530发布于 2019-12-03 - 来自专栏Vue2
《基础篇第4章：vue2基础》：使用vue脚手架创建项目
@toc4.1初始化脚手架4.1.1说明Vue脚手架是Vue官方提供的标准化开发工具（开发平台）最新的版本是4.x官网文档：https://cli.vuejs.org/zh/ CLI：Command color='red'>备注： 如出现下载缓慢请配置 npm 淘宝镜像：npm config set registry https://registry.npm.taobao.orgVue 脚手架隐藏了所有
图3 图4 注意点4：既然vue实例化无法直接使用template属性，但vue模板中却可以直接使用 《进阶篇第3章：vue进阶-组件》包含组件、自定义事件、插槽、路由等等扩展知识点4. 《基础篇第4章》：使用vue脚手架创建项目5.vue2知识点：数据代理6.vue2知识点：事件处理7.vue2知识点：列表渲染（包含：v-for、key、取值范围、列表过滤、列表排序、vue监视对象或数组的数据改变原理61510编辑于 2024-10-25 - 来自专栏老怪兽的前端之旅
（三）vite 脚手架
-port 3002", ... }, "dependencies": { ... }, "devDependencies": { ... } } 3.启动脚手架默认打开浏览器
27710编辑于 2023-02-10 - 来自专栏前端基础
React脚手架搭建
React 是目前公认的前端三大框架巨头之一，也是相对学习成本高框架之一，但是为了涨工资，还是多学习一点吧
1.5K40发布于 2019-03-20 - 来自专栏IMWeb前端团队
自制前端脚手架
学会了使用架手架，便想了解脚手架到底是怎么工作的， 阅读了相关脚手架的源码后，对原理有了一点心得。 想了解的同学可以访问(https://www.npmjs.com/package/imweb-cli) 脚手架目录结构 了解了脚手架基本原理后，我们来尝试自己制作一款脚手架。 首先要明白脚手架的核心是模板，什么是模板呢？ 模板就是包含一个项目完整信息的目录结构。 脚手架提供了对模板增、删、改、查的功能及初始化项目必要的能力。 下面是自制脚手架的目录结构： |__ bin |__struct // 脚手架命令 |__struct-init |__ lib |__ 运行 npm link 将脚手架挂在到全局 ， 此时可以在命令行调试新建的脚手架框架了。 在任意目录下运行命令struct -h, 可以看到刚完成的脚手架命令可以在全局生效了。
1.6K80发布于 2017-12-29 - 来自专栏网络日志
React脚手架安装
最近在学习react分享一下脚手架安装： 进入指定文件夹 npm install create-react-app -g / yarn add create-react-app（先确认是否安装了node
87810编辑于 2022-07-06
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号