文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

npm、cnpm、yarn三剑客

npm，cnpm，yarn这三个或许使用Hexo，Hugo，vuepress等静态博客搭建的小伙伴们来说，会经常遇见，会使用它们进行插件，依赖包等的安装、卸载与更新，如果你是前端开发者或者是准备从事前端的话...它是世界上最大的软件注册表，每星期大约有 30 亿次的下载量，包含超过 600000 个 包（package） （即，代码模块）。来自各大洲的开源软件开发者使用 npm 互相分享和借鉴。...help install 查看安装过的所有包 npm list #列出当前安装过的所有包 #或者简写 npm ls npm ls -g #查看全局安装的模块及依赖 本地安装依赖包和全局安装（global...package.json文件 其他npm命令可以看NPM中文文档 cnpm是什么？...超级安全 在执行代码之前，Yarn 会通过算法校验每个安装包的完整性。 超级可靠 使用详细、简洁的锁文件格式和明确的安装算法，Yarn 能够保证在不同系统上无差异的工作。

99700

前端工程化 | 揭秘程序员的提速“外挂”

Gulp.js和用来定义任务的 Gulp的配置文件都是通过 JavaScript来实现的，便于开发工程师快速掌握Gulp。 我们将学习如何使用Gulp来改变开发流程，从而使开发更加快速高效。...首先当然要先安装Node.js，通过Node.js全局安装Gulp和项目安装Gulp，其次在项目里安装需要使用的Gulp插件，然后新建Gulp的配置文件gulpfile.js来定义Gulp要处理的操作/...安装：官网的下载地址：https://nodejs.org/download/，选择相应的安装包，下载即可。 window系统，使用Windows Installer (.msi)即可。...之后把你的安装包所在路径输入进去就行了，这样打开安装包就不会报错了。 ? ? 执行node -v的命令查看安装的nodejs版本，出现版本号，说明刚刚已正确安装nodejs。 ?...比如：定位到F盘下的gulp文件夹。 ? dir命令用来列出当前目录下的文件列表。 比如：列出F盘gulp文件夹下的文件列表。 ? cls清空命令提示符窗口内容。

1.3K110
您找到你想要的搜索结果了吗？
是的
没有找到

手把手教你用vuepress搭建自己的网站(2)

，它导出一个 JavaScript 对象,使用的是Commonjs文件导入导出的规范 如有对 CommonJS 使用疑惑可参考文档:commonJs 使用规范 提示 vuepress 依赖于 NodeJS...服务启动,因为 NodeJs 现不支持模块化,所以在 vuepress 中,是无法使用 import 与 export 语法的 进入.vuepress文件夹,创建config.js文件 cd .vuepress...当然,您现在看到,网站上有图片没有正常的显示,那是因为没有添加图片造成的,网站上一些图片,logo 等静态资源可以放到.vuepress目录下的一个public目录下的 这个public是自己创建的,vuepress..., 就和官网一样, 点击导航中的哪个 nav,对应就显示对应的的侧边栏,目前目录有 fontend \ interview \ minprogram 等, 这些目录下都存放着多个 md文件,就是我们写的具体的文章...vuepress的热更新存在一些问题(以后官方肯定会修复) 在对 vuepress不是特别熟练的情况下,不要配置了很多选项和插件,到最后才来启动,一旦遇到一些奇葩的问题,报错,你就搞不清楚是在哪一个环节出现问题的

2.5K20

使用vuepress-6小时搭建一个完全免费的个人网站

[pikn9n1r7u.png] 分享一个通过vuepress搭建个人博客 当然也可以自己写不用vuepress，自己写代码然后通过githubPages也是可以的，只是使用vuepress相对来说时间快一点...一、个人网站的作用： 个人相册，笔记，个人小说，员工手册，公司制度文档，等等 像UmiJS，DvaJS的文档也是使用的vuepress，可以参考一下他的网站 我们可以随意的更换侧边栏的信息，比如公司概况...、企业文化、家庭相册、自己的文章等等，当然我们自己写更换布局。...生成的页面都是通过SSR预渲染的HTML，也因此具有非常好的加载性能和搜索引擎优化。...三、相关文档 下面列出来的非常简单，后面我也会给大家讲解一下用到的操作，当然大家也可以查看官方文档，为了方便查看，我列出它们的中文文档 git node.js vuepress github pages

2.9K31

基于VuePress和github用搭建无服务器的博客、文档系统

基于VuePress和github用搭建无服务器的博客、文档系统 最近想做一个项目介绍自己的一些项目和日常的文档，让文档有个属于自己的家，https://g.xgss.net 使用gitbook之后，又看到了...既可以当做博客系统、文档系统，项目介绍的系统，还有丰富的插件使用。 要用到的域名： http://vuepress.xgss.net (github pages)的域名。...简单的说它就是一个快速建设文档站点的工具，在简单配置好功能后，需要做的事情就剩下写好一个个 Markdown 文档，并且可以将其发布到github pages中 vuepress官网：https://vuepress.vuejs.org.../zh/ 一、安装nodejs和yarn 笔者是windows11系统,打开官网:http://nodejs.cn/download/ 我这里下载的是 node-v16.14.0-x64.msi，跟安装普通的软件一样...遵循 “约定优于配置” 的原则，按照官网设置目录结构 在md中加入静态图片的问题，在md文件中可以使用下面的方式应用静态图片，下面imgs文件夹在public文件件下 目录如下 文件地址： docs/

42210

手把手教你用vuepress搭建自己的网站(1)

,你只需要知道怎么去查,在哪个地方找就可以了的 VuePress 的配置的确复杂,比较零散,但并非令人望而却步,一旦你掌握了套路后,就会欣赏它的独特,配置选项虽然多,但是它的结构非常清晰 本篇文章有些长...npm run build如果是使用 yarn 方式启动和构建项目:可以使用yarn dev启动项目,而使用yarn build构建项目 启动项目: npm run docs:dev这条命令相当于vuepress...dev docs 打包项目: npm run build这条命令相当于 vuepress build docs 在接着,创建docs目录, 这个docs文件夹主要用于放置我们写的.md类型的文章以及....vuepress相关的配置,这个文件夹的名字你可以任意,与你启动项目和构建项目时的配置保持一致就可以了的 mkdir docs 进入docs文件夹中使用mkdir命令创建.vuepress文件夹,注意这个文件夹的名字时固定的...,不要随便改变 cd docs mkdir .vuepress 这个.vuepress主要就是我们用于存放全局的配置、组件、静态资源等与VuePress相关的文件配置都将会放在这里 具体更详细配置说明可见官网

1.2K20

基于VuePress和github用搭建无服务器的博客、文档系统

基于VuePress和github用搭建无服务器的博客、文档系统 最近想做一个项目介绍自己的一些项目和日常的文档，让文档有个属于自己的家，https://{你的域名} 使用gitbook之后，又看到了vuepress...什么是VuePress VuePress 由两部分组成：第一部分是一个极简静态网站生成器 (opens new window)，它包含由 Vue 驱动的主题系统和插件 API，另一个部分是为书写技术文档而优化的默认主题...简单的说它就是一个快速建设文档站点的工具，在简单配置好功能后，需要做的事情就剩下写好一个个 Markdown 文档，并且可以将其发布到github pages中 vuepress官网：https://vuepress.vuejs.org.../zh/ [基于VuePress用无服务器博客、文档系统] 一、安装nodejs和yarn 笔者是windows11系统,打开官网:http://nodejs.cn/download/ 我这里下载的是...遵循 “约定优于配置” 的原则，按照官网设置目录结构 在md中加入静态图片的问题，在md文件中可以使用下面的方式应用静态图片，下面imgs文件夹在public文件件下 目录如下 文件地址： docs

35810

可能是目前最详细从零开始配置 TypeScript 项目的教程

除此之外如果你对其他相关的知识感兴趣（非本文相关的知识），希望你能额外深入去探索： TypeScript 的特点？ CommonJS 和 ES Module 有哪些区别？...中文网 - Gulp[39]。...TypeScript 编译采用官方文档推荐的 Gulp 工具并配合 gulp-typescript[44] 和 tsconfig.json[45] 配置文件。...build docs" } 按照 Vuepress 官网约定优于配置的原则进行演示文档的目录结构[134]设计，官方的文档可能一下子难以理解，可以先设计一个最简单的目录： . ├── docs │...最近在使用 Jenkins 做前端的自动化构建优化，后续可能会出一篇简单的教程文章（当然会跟普通讲解的用法会有所不同喽）。

4.6K22

史上最全的前端资源大汇总

（二）— 事件模块 nodejs入门 angularjs nodejs 从零开始nodejs系列文章 理解nodejs nodejs事件轮询 node入门 nodejs cms Node初学者入门，一本全面的...NodeJS教程 NodeJS的代码调试和性能调优 11....Gulp ---- Gulp官网 Gulp中文网 gulp资料收集 Gulp：任务自动管理工具 - ruanyifeng Gulp插件 Gulp探究折腾之路(I) Gulp折腾之路(II) Gulp...（node.js中的jQuery） nodejs的一个聊天软件 类似微信 使用html5和node.js构建的网易云音乐 babel ES6转换为ES5 一个JS富文本编辑器 一个JS脑图可视化工具 一个...其他一些推荐 那些所倚靠的利器记载 如何优雅地使用Sublime Text sublime text 下的Markdown写作 新编码神器Atom使用纪要 Win下最爱效率神器:AutoHotKey

13.4K61

用我这套模板，几分钟做出文档网站！

项目基于 VuePress 实现，需要 Node 和 Npm 环境，尽量和我的版本号保持一致防止后面出现莫名其妙的报错，没有的同学请到官网安装一下。..."/": "auto",} as SidebarConfig4Multiple;效果如下：4、底部配置这是我们自己使用 VuePress 自定义主题能力二次开发的功能，和导航栏、侧边栏配置一样，...使用这个插件，文章就会定期、自动地推送给百度，非常方便。...，允许你用 Markdown 的 FrontMatter 语法定义标签，然后在网站上展示。...最后通过这个教程，我相信大家不仅学到了文档网站的制作方法，还收获了很多其他的前端小知识，比如 SEO、懒加载之类的，希望对大家有帮助，都能做出自己的文档网站来沉淀分享知识。

30610

Gulp安装流程、使用方法及cmd常用命令导览

用法：盘符字母（大写）加冒号 dir   列出文件列表； mkdir newfile_name  创建新的子目录文件夹newfile_name； cls   清空命令提示符窗口内容。...其实感觉和jq的一样，就是”链式调用”，在这里呢人家叫”流式操作” 其他gulp api的代码意思见后边 另外，需要哪个gulp插件的时可以去网上搜这个gulp插件，然后gulpfile.js...cnmp install gulp-sass --save-dev 或者npm install gulp-sass --save-dev Gulp的插件很多，需要什么就去官网查：http://gulpjs.com...//他只构建一个执行的框架，而不管你要执行的内容，只管排队和到达，不管交通方式和运输的人员身份。...参考文章： Gulp入门教程：http://www.ydcss.com/archives/18 Gulp教程之gulp-less：http://www.ydcss.com/archives/34 1 -

2.3K60

WEB前端 ：“懒人”养成计划

正是为了更“懒”、更爽、更有逼格的写代码，才有了这篇文章。 先看下前端现状 由于近几年前端的野蛮生长以及前端应用的多元化和复杂化，整个技术形态已经跟几年前纯做页面的时代完全迥异了。...EMMET具体使用及下载，请参考官网 http://docs.emmet.io/ 让CSS可编程，带你装逼带你飞 这年头，你要是出去面试，不知道LESS，SASS，PostCSS，你都不好意思说你是前端...Github HttpServer：https://github.com/indexzero/http-server 自动化构建工具GULP - 串起你的整个项目 GULP是个基于流的构建工具，使用nodejs...使用GULP，可以完成文件压缩，JS混淆，编译SASS，LESS 等，基本上你想要的功能，都可以通过代码实现。在项目，我还用GULP来下载文件，更新本地的JSON数据。...Browsersync官网：https://www.browsersync.io/ 光说不练假把式 - 手把手带你起飞 STEP-1：准备好各种环境 首先你得有nodejs环境，然后你得全局安装GULP

89080

💰手把手教你用VuePress如何快速搭建个人免费网站？

Nuxt: Nuxt: VuePress 能做的事情，Nuxt 理论上确实能够胜任，但Nuxt 是为构建应用程序而生的 VuePress: 专注在以内容为中心的静态网站上，同时提供了一些为技术文档定制的开箱即用的特性...执行如下命令，可将默认主题的各功能组件释放出来： vuepress eject docs 你会发现，在根目录下，多了一个theme文件夹，如下： 上图列出了主要的布局组件，只需在其中做适量修改以满足业务需求即可...9. md文件中使用vue组件（可选） vuepress项目中的md文件，可以直接使用vue组件。...客户端增强（可选） 如果你想对自己的应用做一些优化，比如使用router做登录拦截、给vue实例挂载全局变量或注册其他组件等，可以在.vuepress下新建文件enhanceApp.js： export...选择你的服务器 服务器有免费和收费两种，各有优劣： ① 免费： 使用 Github Pages 。即 Github 提供的、用于搭建个人网站的静态站点托管服务。很多人用它搭建个人博客。

1.1K21

JavaScript全栈开发-工具篇（上）

（浏览器使用的市场份额原因，虽然份额在下滑） 二、开发工具 因个人偏好和使用习惯的不同，开发工具不同人有不同的选择。...（若Grunt列表出现警告，未列出任务，则需要点击警告设置Grunt的NodeJS和Grunt-cli安装路径）。...（若Gulp列表出现警告，未列出任务，则需要点击警告设置Gulp的NodeJS和Gulp安装路径） 2> SublimeText SublimeText默认没有安装Gulp，参看SublimeText中插件支持的安装方法在...Grunt与Gulp都比较完善的构建工具，但是各自有自己的特点： Grunt -- 插件较丰富 -- 易用，常见任务都有插件 -- Grunt及插件的选项较多，使用复杂 Gulp -- 配置较少，使用简单...-- 利用Node.js流，不需要往磁盘写中间文件，速度更快 -- 易于学习，API较少 P.S.还有文章的下半部分，周五再跟大家见面哟~ 如果文章觉得不错，动动小手分享给小伙伴吧 ---------

1.9K10

小破站上线啦！

网站是使用vuepress搭建的。...vuepress由两部分组成：第一部分是一个极简静态网站生成器，它包含由 Vue 驱动的主题系统和插件 API，另一个部分是为书写技术文档而优化的默认主题，它的诞生初衷是为了支持 Vue 及其子项目的文档需求...之所以选用vuepress，主要是它有以下优势（摘自vuepress官网）： 为技术文档而优化的内置Markdown拓展 在Markdown文件中使用Vue组件的能力 Vue驱动的自定义主题系统 Google...网站顶部还有搜索功能，使用关键字可以搜索出相关的文档，very good！...如果对网站有什么建议，或者内容有错误的地方，可以到每个文章的底部进行评论（目前功能比较简单，后续进行完善），小伙伴们可以畅所欲言~ 后续还会不断完善网站的内容，最新整理的面试题也会放到网站上面，也欢迎大家多逛逛我的小破站

1.1K20

一天建4个，小傅哥教你搭博客！

Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。...# 启动服务 特点： hexo的主题特别多，选择性很高 需要本地编译后，把编译文件推送到Github 其他： 因为需要编译和推送，如果只是想简单的写博客，不推荐使用。...3. jekyll http://jekyll.blog.itedus.cn 介绍：一个简单的，基于引导的主题。特别是对于那些喜欢在网站上展示自己的项目并喜欢做笔记的开发人员。...官网：https://vuepress.vuejs.org/zh 案例：http://vuepress.blog.itedus.cn 源码：https://github.com/BlogGuide/vuepress.blog.github.io...但想有自己的域名和整体的体验，就需要购买服务器和备案域名。 本篇文章只为送给那些想折腾一下的伙伴提供一些可实现的路径，但这条路径上如果你想真的搭出一个称心如意的博客，要搞的东西还很多。

68120

JavaScript全栈开发-工具篇

（浏览器使用的市场份额原因，虽然份额在下滑） 开发工具 因个人偏好和使用习惯的不同，开发工具不同人有不同的选择。...（若Grunt列表出现警告，未列出任务，则需要点击警告设置Grunt的NodeJS和Grunt-cli安装路径）。...（若Gulp列表出现警告，未列出任务，则需要点击警告设置Gulp的NodeJS和Gulp安装路径） 2> SublimeText SublimeText默认没有安装Gulp，参看SublimeText...Grunt与Gulp都比较完善的构建工具，但是各自有自己的特点： Grunt -- 插件较丰富 -- 易用，常见任务都有插件 -- Grunt及插件的选项较多，使用复杂 Gulp -- 配置较少，使用简单...由于本文主题的关系，所介绍的工具只是简单引入，点到即止，详细的介绍需要参看工具官网或者研究源代码才可以作深度的了解。 有任何问题，欢迎交流！ 扫码下方二维码， 随时关注更多前端干货文章！

1.5K20
点击加载更多

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

更多标签

活动推荐

    运营活动

    活动名称
    广告关闭

    腾讯云开发者

    扫码关注腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

    Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

    深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

    腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

    领券