npm

安装淘宝npm镜像

帅比萌擦擦* 提交于 2020-12-23 08:37:14
1.临时使用 npm --registry https://registry .npm .taobao .org install express 2.持久使用 npm config set registry https://registry .npm .taobao .org 配置后可通过下面方式来验证是否成功 npm config get registry 或 npm info express 3.通过cnpm使用 npm install -g cnpm --registry=https://registry .npm .taobao .org 来源: oschina 链接: https://my.oschina.net/u/4284451/blog/3934785

安装node环境,并且安装cnpm 淘宝镜像

时间秒杀一切 提交于 2020-12-23 04:41:11
说起来安装node,那已经不是一次两次了,可惜的是···· 这么多次还是记不住具体的方法,每次都要度一下十分繁琐。 所以记录一下,以便后期使用! 一、node在window安装 1、首先我估摸着自己都是window开发的,就只记录window系统下的方式吧! 2、找到window安装包:   32位的: https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi   64位的: https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi 3、双击下载后 4、如果你的英文还没烂到目不识丁的程度,上面的就应该知道是点击【run】而不是【cancel】 5、继续【next】 这里注意要点击人家的【I accept ····】 然后【next】才会出现 6、nodejs的默认安装目录是C盘: "C:\Program Files\nodejs\" ,但是一般我的习惯是给他改到D盘,因为C盘承受了太多,我要尽量给他减轻负担【什么鬼?】,但是如果我们更改了路径,就要注意环境配置,这里我放到最后说 7、点击你需要的安装模式,通常我们是点击如下,然后【next】 8、点击【install】表示安装,到这一步,才算结束安装的配置 接下来就是并不漫长的等待过程···· 9、最后点击【finish】表示完成 10

前端工程化基础-vue

梦想的初衷 提交于 2020-12-23 03:40:54
由浅入深支持更多功能 1.安装最新版本的node.js和NPM,并了解NPM基本用法。 2.创建一个目录demo。使用npm 初始化配置: npm init ,执行后会有一系列选项,可按回车快速确认,在demo中生成一个package.json文件。 3.局部安装webpack : npm install webpack --save-dev --save-dev 会作为开发依赖来安装webpack。安装成功后,在package.json中会多一项配置 "devDependencies" : { "webpack": "4.6.0" } 4.接着需要安装webpack-dev-server,它可以在开发环境中提供很多服务,比如启动一个服务器,热更新,接口代理等 局部安装: npm install webpack-dev-server --save-dev 5.在demo下创建一个js文件:webpack.config.js初始化内容: var config = { }; module.exports = config; 6.在package.json的script里增加一个快速启动webpack-dev-server服务的脚本: { // ... "scripts" :{ "test":***** , "dev":"webpack-dev-server --open -

模块化

心已入冬 提交于 2020-12-23 03:11:04
1,什么是模块化? 模块化是指将一个复杂的系统分解为多个模块,方便编码。 2,为什么要用模块化? 降低复杂性,降低代码耦合度,部署方便,提高效率。 3,模块化的好处? a,避免命名冲突,减少变量空间污染 b,更好的分离代码,按需加载 c,更高复用性 d,更高可维护性 模块化实现 1,函数形式 2,命名空间形式 3,立即执行函数 4,模式增强 模块化规范 1,CommonJs 2,AMD 3,CMD 4,Es6 CommomJs 据CommonJs规范规定每一个Js文件都可以看作一个模块,其内部定义的变量是属于这个模块的,不会对外暴露,也就是说不会污染全局变量。该规范最初 用在服务器端的node环境中 。 CommonJS采用 同步加载 不同模块文件,适用于服务器端的。因为模块文件都存放在服务器的各个硬盘上,读取加载时间快,适合服务器端,不适应浏览器。 浏览器不兼容CommonJs ,原因是浏览器缺少module、exports、require、global四个环境变量。如要使用需要工具转换。 CommonJS的核心思想 就是通过 require 方法来同步加载所要依赖的其他模块,然后通过 exports 或者 module.exports 来导出需要暴露的接口。 案例: exports是导出,require引入,最后通过 http://browserify.org/

几个常用js库,别再重复造轮子了

爷,独闯天下 提交于 2020-12-22 21:40:52
年底了,总结下今年用到的一些有意思的《js轮子》(只是大概列出些比较有意思的库,每个标题都是超链接,可点击自行查阅) 希望能对您有用! 如有意思的 轮子 可以在评论列出一起讨论下 color ==功能==:JavaScript库,用于不可变的颜色转换和对CSS颜色字符串的支持。 npm install color var color = Color('#7743CE').alpha(0.5).lighten(0.5); console.log(color.hsl().string()); // 'hsla(262, 59%, 81%, 0.5)' console.log(color.cmyk().round().array()); // [ 16, 25, 0, 8, 0.5 ] console.log(color.ansi256().object()); // { ansi256: 183, alpha: 0.5 } uuidjs ==功能==:UUID.js-JavaScript的RFC兼容UUID生成器 // Create a version 4 (random number-based) UUID object var objV4 = UUID.genV4(); // Create a version 1 (time-based) UUID object var objV1

使用NVM来管理Node

99封情书 提交于 2020-12-22 10:46:50
为什么要使用NVM? 由于node的生态圈的繁华,基于node的工具或者项目层出不穷。 各种工具使用的node版本可能不一致,就会出现一些奇怪的问题。 比如:你电脑安装的是最新的node,但是有个工具用最新的node就会报错。解决办法是使用低版本的node。 NVM就是用来帮助我们快速切换node版本的。 node所有版本列表 安装NVM 我使用的 Window系统 。所以用 nvm-windows 来使用NVM nvm-window下载 ,上面贴的是 nvw-window 在Github的主页,找不到下载地址的同学看这里。进去看到 nvm-setup.zip ,下载后会得到.exe的安装程序。 一路next nvm安装路径 当前使用的node会放在这里 验证是否安装成功 nvm # 输出所有命令 安装切换各版本 node/npm nvm list #查看本地所有node版本 nvm install 4.2.2 #安装 4.2.2 版本 nvm use 4.2.2 #切换至 4.2.2 版本 nvm uninstall 4.2.2 #卸载4.2.2 版本 配置node的下载路径 nvm默认的下载地址是 http://nodejs.org/dist/ ,这是国外的服务器,在国内下载速度很慢。 在控制台输入nvm,我们看到了 好像是有设置下载镜像的命令,但是我配置了一下,不行

Angular中ui-select的使用

99封情书 提交于 2020-12-22 07:25:27
Angular中ui-select的使用 最近工作一直很忙,没有时间整理知识,前几天项目中需要用到angular-ui-select,实现下拉框快速过滤效果,今天有时间研究了一下,终于搞明白了。 一、准备工作 1.安装依赖包 (1)Angular --- V1.4.9 (2)Angular-sanitize --- V1.2.28 (3)Angular-ui-select --- V0.12.1 (4)Bootstrap --- V3.3.6 如果有需要再引入jQuery 注意: Angular-sanitize所依赖的Angular最低版本,Angular-ui-select所依赖的Angular和Angular-sanitize最低版本,只有依赖的版本符合要求,才能实现功能,否则会报错。 如果项目中用到的Angular版本比较低时,请安装低版本的Angular-sanitize和Angular-ui-select,这样,避免低版本不支持的情况。 2.安装方法: 使用npm进行安装 npm install Angular-sanitize@1.2.28 --save -dev @+版本号 表示安装指定版本的包文件,如果不加版本号,默认安装最新的版本。 如: npm install Angular-sanitize --save -dev 如果对npm不了解的话,可以参考

postman+newman脚本化接口测试

删除回忆录丶 提交于 2020-12-22 07:16:56
脚本 脚本采用ECMAScript语言,最新版本支持ES6语法. 利用脚本可以降低联调工作量. 例如这样一个场景:读取第一个请求响应结果中的数据,构造下一个请求;如果人工拷贝,费眼,费劲,费神;而写成脚本,则省不少事. 全局变量与环境变量 全局变量只有一组,环境变量可以有多组; postman先尝试从环境变量中获取变量,获取不到则尝试从全局变量中获取变量; 使用少的,建议使用全局变量;使用多的,建议使用环境变量;使用newman脚本时,建议使用环境变量; 使用变量 凡是可以输入数据的地方,都可以使用变量,使用两个花括号将变量包起来. {{foo}} 设置环境变量 pm.environment.unset("foo"); pm.environment.set("foo", "gists"); 设置全局变量 pm.globals.unset("foo"); pm.globals.set("foo", "gists"); 前置脚本 http请求前执行;用于设置参数; 后置脚本 http请求后执行;可以测试请求执行结果;可以解析结果后,设置变量,用于下一个请求; 前置脚本和后置脚本的示例 (截图太麻烦,这是导出的脚本) { "info": { "_postman_id": "1c956670-9c33-40a8-b881-34f0b5c73ca7", "name": "github",

前端团队规范

懵懂的女人 提交于 2020-12-19 14:50:26
一、命名规则(英文-直译) 1、文件命名 文件夹/文件的命名统一用小写 保证项目有良好的可移植性,可跨平台 相关参考 2、文件引用路径 因为文件命名统一小写,引用也需要注意大小写问题 3、js变量 3.1 变量 命名方式:小驼峰 命名规范:前缀名词 命名建议:语义化 案例 // 友好 let maxCount = 10; let tableTitle = 'LoginTable'; // 不友好 let setCount = 10; let getTitle = 'LoginTable'; 3.2 常量 命名方式:全部大写 命名规范:使用大写字母和下划线来组合命名,下划线用以分割单词 命名建议:语义化 案例 const MAX_COUNT = 10; const URL = 'http://www.foreverz.com'; 3.3 函数 命名方式:小驼峰式命名法。 命名规范:前缀应当为动词。 命名建议:语义化 可以参考如下的动作 动词 含义 返回值 can 判断是否可执行某个动作(权限) 函数返回一个布尔值。true:可执行;false:不可执行 has 判断是否含有某个值 函数返回一个布尔值。true:含有此值;false:不含有此值 is 判断是否为某个值 函数返回一个布尔值。true:为某个值;false:不为某个值 get 获取某个值 函数返回一个非布尔值 set

npm 安装vue-cli

柔情痞子 提交于 2020-12-19 11:09:43
npm 安装vue-cli: vue cli的包名称由vue-cli改成了@vue/cli 如果你再以前已经安装了vue-cli 那么你需要先将老版本卸载。 卸载命令: npm uninstall vue-cli -g 卸载完成后再去安装新版本cli npm i -g @vue/cli ***有些时候由于网络问题导致下载失败,再次重新下载后会有一个错误的json报错,这个是因为你上一次下载的时候的缓存问题,我们只需要清楚npm缓存就好了, 清楚npm缓存 npm cache clean --force 清楚缓存完成后再重新下载就好了。 再安装cli时还有可能出现-4080错误 ,这个时候说明是权限不够,更换成管理员权限运行即可; 这是win10的PowerShell win7的话就是cmd; 更换成管理员运行后再次重新下载即可安装;安装完成后查看版本号,如果正确显示说明安装成功 vue -V 安装成功后让我们来构建一个项目: 依旧再命令提示符中使用命令 vue create myprojrct 之后进入到我的项目的路径 默认是给提示的, 执行代码 cd myproject npm run serve 到这一步我们就可以再本地用端口访问vue了 很明显这个标题就是我们的项目名称。 来源: oschina 链接: https://my.oschina.net/u/4403195