npm

npm run dev 报错：missing script:dev 今天在运行Vue项目时，在运行npm run dev时报错如下图： 打开package.js文件夹，发现文件夹里的scripts有dev如下图： ， 可就是找不到，什么原因呢？ 最后一看路径不对，vue init webpack my-project时，自己又建立一个文件夹,取不到对应的package.js中的dev. cd 到对应文件夹，重新运行npm run dev 就OK了 。 还有package.js里的scripts确实没有dev，这种情况 输入vue init webpack 将package.json中丢失的，重新下载： "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "start": "npm run dev", "build": "node build/build.js" 然后在 npm intall 安装依赖，最后 npm run dev即可 也适用于解决start, build丢失 来源： oschina 链接： https://my.oschina.net/u/4366887/blog/4482274

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

首先你要有node和npm的环境，没得话先下载。 https://nodejs.org/en/ 然后下载less cnpm install less -g npm install less -g cnpm用的是淘宝镜像 -g全局下载 上面的那个地址你先复制好，我的是这个： C:\Users\18309\AppData\Roaming\npm\lessc 然后看着这个图弄： 把上面的路径复制过来后面再加上 .cmd C:\Users\18309\AppData\Roaming\npm\lessc.cmd 我的是这个，然后重启。 新建一个less文件 写点东西，比如我的这个： body { width : 100px ; height : 100px ; div { color : red ; } } 然后你会发现多出来2个文件， 来源： oschina 链接： https://my.oschina.net/u/4349795/blog/4649977

一、nvm是啥？ nvm是node的版本管理工具。 为了解决node各种版本存在不兼容的情况，有的代码适配低版本有的代码适配高版本，假如我们开发了好几套代码，所用环境都不一样， nodejs的版本需要及时切换，这时候就用到nvm了。 所以： nvm就是让我们在同一台机器上安装和切换node版本的工具 二、安装 以windows系统为演示： ①下载nvm的包： https://github.com/coreybutler/nvm-windows/releases ②选择下载nvm-setup.zip ③双击点开exe文件，下一步下一步。 下一步过程中，碰到了以下问题：说我的nodejs有14.4的版本，是否需要用nvm进行管理，14.4版本比较高，这也是我为什么想在本地切换nodejs版本的原因。 四、安装完毕之后，打开cmd，键入nvm，可以看到一些nvm的一些指令。 执行nvm list可以看到本地目前应用的nodejs14.4的版本。 我们在安装一个Node9.8.0的版本：用nvm install 版本号 然而这步等了好几分钟都没见下好。 所以，切换一个nvm下载镜像源，跟cnpm是一样的道理 网上找了个方法说在nvm安装路径下修改配置文件，可是刚才忘记nvm具体安装在C盘哪里了，则执行nvm root可以查看nvm安装路径 找到nvm安装路径下的setting.txt打开

React简介和使用 博客说明 文章所涉及的资料来自互联网整理和个人总结，意在于个人学习和经验汇总，如有什么地方侵权，请联系本人删除，谢谢！ 简介 用于构建用户界面的 JavaScript 库 特点 声明式 React 使创建交互式 UI 变得轻而易举。为你应用的每一个状态设计简洁的视图，当数据改变时 React 能有效地更新并正确地渲染组件。 以声明式编写 UI，可以让你的代码更加可靠，且方便调试。 组件化 创建拥有各自状态的组件，再由这些组件构成更加复杂的 UI。 组件逻辑使用 JavaScript 编写而非模版，因此你可以轻松地在应用中传递数据，并使得状态与 DOM 分离。 一次学习，随处编写 无论你现在正在使用什么技术栈，你都可以随时引入 React 来开发新特性，而不需要重写现有代码。 React 还可以使用 Node 进行服务器渲染，或使用 React Native开发原生移动应用。 安装 npx create-react-app my-app 运行 cd my-app npm start 感谢 万能的网络 以及勤劳的自己 来源： oschina 链接： https://my.oschina.net/guizimo/blog/4302339

webpack搭建vue零基础搭建 webpack搭建vue项目步骤详解 初始化package.json文件 安装wbepack打包工具和wnepack脚手架 配置出入口文件 引入bable （适配为啦让代码在各个浏览器流畅执行） 自动生成 HTML 文件 1.安装依赖 2.更改配置文件 3.创建模板文件夹 安装webpack-server（项目自启动） 1.安装依赖 安装vue相关依赖 （为啦识别vue文件） webpack.config.js完整代码 完善vue结构 这样就完成啦一个vue项目的搭建 =。= webpack搭建vue项目步骤详解 自己在搭建vue是遇到很多问题也查啦很多，摸索着搭建完成，在博客记录一下同时加强记忆。 初始化package.json文件 1.创建文件夹，打开cmd命令窗口，执行npm init 命令 初始化package.json文件 { "name" : "demo1" , "version" : "1.0.0" , "description" : "" , "main" : "index.js" , "scripts" : { "test" : "echo \"Error: no test specified\" && exit 1" } , "author" : "" , "license" : "ISC" } name 表示项目的名称

长话短说，今天分享我为 前后端分离项目 搭建Gitlab CI/CD流程的一些额外经验。 Before Gitlab-ci是Gitlab提供的CI/CD特性，结合Gitlab简单友好的配置界面，能愉悦的在Gitlab界面查看管道执行流程，并自然流畅的推动敏捷开发流程。 Gitlab-CI/CD的核心是搭建Gitlab Runner、编写.gitlab-ci.yaml文件。 详细示例请参考：Gitlab CI/CD+ASP.NETCore. 本次前后端两个项目使用同一个Gitlab Runner(shell模式)，前端项目的gitlab-ci.yaml构建Job如图： Round 1 单个Gitlab Runner可为多个项目提供构建服务 ， gitlab-Runner register 命令只能接受一个注册token，当时为支持多个项目，花了不少冤枉心思倒腾Gitlab Runner. 你可以为注册的项目解锁Runner，这样Girlab Runner就可以为其他项目提供构建： Round 2 使用Runner缓存加快前端构建过程 大家都知道npm_module被前端开发者诟病为毒瘤， 而Gitlab runner执行每次构建job之前都会清场，pull/fetch指定的代码再执行job, 这就导致每次 build job会耗时很久(要拉取毒瘤)。 #!/bin/bash cd