npm

🎨 Awescnb , awesome cnblog. 简介 可能许多初来乍到的新手会被博客园经典的风格劝退，或者您是一个老园友，需要为您的博客定制一些功能（例如宣传公众号，文章目录、或者插入几个捐助二维码等等）而不想浪费太多时间。我制作这个小项目的目的是园友能够轻易地构建一个 博客园皮肤或完善您的博客页面功能 。它可以用来做以下三件事: 安装: 在您的博客园安装这个项目中已经集成的皮肤.安装之后,可以快速切换其他皮肤. 创建: 快速创建一个的博客园皮肤,通过打包生成文件,供您使用. 分享: 快速创建一个博客园皮肤并将它贡献给项目,园友就能够切换到您的皮肤了. 视频教程 今天周末录制了一个简单视频教程，虽然我在搭建的文档里有写，希望它能帮您更容易上手。视频从博客皮肤的安装、切换、从零开始制作三个方面简单展开。 您可能是非 web 前端从业者，视频中用到的命令您可能会有疑惑，只需要 下载 node 并安装到您的电脑就拥有了一个叫做 npm 的东西（node 包管理器）,而视频中使用的 npm xx 命令正是来源于此。 链接 博客皮肤性能优化 构建一个简约博皮的过程 用 webpack 玩转博客园 当前集成的 30+ 插件介绍 手写一个兼容博客园多编辑器的文章目录插件 配置一览 { // 基本配置 theme: { name: 'reacg', color: '#FFB3CC',

这里记录每周值得分享的科技内容，周五发布。 本杂志开源（GitHub: ruanyf/weekly ），欢迎提交 issue，投稿或推荐你的项目。 周刊讨论区的帖子 《谁在招人？》 ，提供大量就业信息，欢迎访问或发布工作/实习岗位。 封面图 澳门去年11月举办龙马巡游，该大型机械装置为中法团队合作打造，上身为龙，下身为马，身体各部分都能动，还能喷火。（出处： Instagram ） 本周话题：保护你的 DNA，不要泄漏 上周，美国佛罗里达州通过了 《DNA 隐私法》 ，成为美国第一个对 DNA 立法的州。它明文规定 DNA 属于个人隐私，保险公司不得获取 DNA 测试的结果。 为什么 DNA 不能让保险公司知道？ 因为 DNA 包含了一个人所有的遗传信息，你有什么基因缺陷，一查 DNA 都能知道。保险公司拿到你的 DNA 以后，就能识别你可能会得哪些疾病，于是相应调整费率，或拒绝你投保人寿险和医疗险。 DNA 不仅对保险公司有用，对就业和招生也有用，可以用来找出基因上最合适的人选。所以，DNA 里面的个人信息可能不利于你，要注意保护，防止泄漏。 DNA 测序已经是一项常规技术了，普通实验室都能做，毫无难度。现在，新生儿出生前，医院都会建议孕妇做一下产前 DNA 检查，防止遗传病。2018年，湖南一个孕妇 起诉华大基因公司 ，原因就是该公司的 DNA 检查一切正常

git submodule简单使用 最近项目中使用到git submodule，说明一下，git submodule使用后类似于npm包管理中新增了一个第三方库，在多项目中可以直接引用，但在实际开发应用过程中不会减少代码量。 git submodule可以独立运行，执行git add,commit,push等操作，可以建master/dev等多分支进行管理。 基础命令总结如下 //1、基础命令 //说明：父项目根文件名为project cd project git submodule add http:/yxmBetter/project.git lib //说明：git submodule add [(-b) 分支名] [submodule的远程URL仓库地址] [本地地址]，下载远程submodule默认分支（一般为master）到本地lib文件夹，可以增加‘-b 分支名’来指定分支 git status //说明：查看生成状态，新增了lib文件夹，.gitmodules文件，.git/config中新增内容，.git/modules/新增lib文件夹 cd lib git pull //若远程仓库submodule有更新，需切换到具体子仓库lib下进行git pull来更新 git submodule foreach git pull /

一、webpack的基本配置 运行 npm install webpack webpack-cli -D 命令安装webpack 相关的包 在项目的根目录中，创建名为webpack.config.js的webpack配置文件 在webpack的配置文件中，初始化如下基本配置： module.exports={ //编译模式 mode:'development' //development表示开发阶段 production表示生产阶段 } 1 2 3 4 在package.json配置文件中的scrpts节点下，新增dev脚本如下： "scripts":{ //script节点下的脚本，可以通过npm run执行 "dev":"webpack" } 1 2 3 在终端中运行npm run dev命令，启动webpack进行项目打包 二、webpack的基本使用 1.配置webpack打包的入口与出口 在webpack的4.x版本中默认约定：打包的入口文件时src目录下的index.js，打包的输出文件是dist目录下的main.js，如果要修改打包的入口与出口，可以在webpack.config.js中配置如下信息： const path = require('path')//导入node.js中的path模块用来获取当前目录的绝对路径 module.exports = { /

Vue 打包后自定义样式无法覆盖 elementUI 组件原有样式问题 by: 授客 QQ ： 1033553122 开发环境 Win 10 node-v10.15.3-x64.msi 下载地址： https://nodejs.org/en/ 问题描述 如下为基于elementUI Dialog编写的一个组件，以npm run dev方式运行vue 项目时，自定义样式可以覆盖elementUI组件原有样式，但生产环境运行npm run build打包后的vue项目时，自定义样式却不起作用了。 原因分析 css样式存在引入顺序问题，引入App之后引入的ElementUI样式 解决方法 修改main.js，调整组件引入顺序 import ElementUI from"element-ui" import "element-ui/lib/theme-chalk/index.css" //确保在import APP之前引入 ...略 import App from"./app/App" import router from"./router"// 最后引入路由 来源： oschina 链接： https://my.oschina.net/u/4336916/blog/4297171