当然,在我们安装了git和vscode之后,我们这个项目,在本地仍然是跑不起来的对吗?这句“npm run dev”就提示着我们需要有一个npm,npm是一个很强大的包管理工具,就像是安卓的应用商店,苹果的app store一样.作为开发者,需要高频率地使用它来安装各种东西. 在很早很早以前,node就已经把npm并入自身安装包的一部分,也就是说,下载了node,就等于拥有了npm.现在我们到node的官网下载它,注意下载msi版本,因为zip版本本人亲测是没有什么卵用的. 因为没有FQ,所以到…

一台全新的电脑,需要做出怎样的改变,才可以摇身一变成为前端开发者能用的电脑呢.首先,我们需要安装一个编辑器,这里我们选择目前最火的vscode. 先去到它的官网,把对应版本的vscode下载下来. 然后,按照默认的配置安装它. 在安装完成后,它会自动帮你安装中文插件.当然,如果它没有这么做,仍然可以在拓展中把“chinese (simplified) language pack for visual studio code”这么友好的插件下载下来并安装,重启vscode即可生效. 此时,它会弹出…

一,安装git. 要安装git,首先得把它下载下来.去到git官网. 现在开始安装. 讲真,这些东西哪些要勾哪些不要勾我也不清楚,所以全部都按默认的来,一路next. 现在再打开vscode的终端,发现已经检测到git了.当然,这还远远不够. 二,配置ssh key. 现在我们登录gitlab,找到一个项目,并把它的ssh地址复制下来,在本地尝试clone一下这个项目. 不出意外,果然失败了. 在这里我们这样操作,输入ssh-keygen -t rsa -C "自己的邮箱",这步操作的…

永久使用 打开终端执行 npm config set registry https://registry.npm.taobao.org 临时使用 npm --registry https://registry.npm.taobao.org install express…

说明:nrm是切换淘宝镜像用的,nvm是node的版本切换用的(可在自己电脑安装多个版本node,便于不同项目的支持) 一.nrm的安装及常见命令: 安装nrmnpm install -g nrm 查看镜像列表nrm ls 切换镜像nrm use taobao 在nrm添加自己的镜像地址nrm add r_name r_url 删除nrm del r_name 测试镜像的相应速度nrm test r_name 二.使用nvm管理node版本及切换 第一步:下载nvm可以到这里下载链接:https…

由于最近由于刚到手一台新的thinkpad(哈哈,宝宝是个小穷B,木有小苹果),所以工作开发中所用到的环境就需要重新安装一下啦,这里的话,我就把我目前所用到的进行总结一下,其余的会在以后的开发过程中,如果有用到就会放在这里面,会慢慢更新的~ 1.NodeJs的安装: (1)先安装Ruby,在这里需要注意的是,安装Ruby的第二步,选择“Add ... path”,这个要勾选,不要忘记,其他的默认就可以: (2)然后安装node,确定是否安装成功,打开node,输入node -v查看版本号: 2.…

目录 1,前言 2,安装nvm 3,nvm的使用 4,错误处理 5,修改npm默认镜像源 6,win10下cnpm报错 1,前言 注意:此教程仅限Windows,Mac可能不适用 在我们的日常开发中可能会遇到这种情况:手上有好几个项目,每个项目的需求不同,进而不同项目必须依赖不同版的node.js,如果没有一个合适的工具,这个问题将非常棘手.所以,nvm应运而生. 2,安装nvm 1,首先需要卸载已安装的node.js,卸载完成后,请检查环境变量,如果还有node.js,请去掉,保证系统已经无任…

        npm --version  ==   npm -v       查看npm版本            node -v  查看node版本         升级npm版本   npm install -g npm   升级node版本  npm install -g node           如果npm能够正常使用,不要轻易使用以下两个代码,这是用来在不能正常使用npm时设置cache和prefix的             npm config set prefix "C:…

由于node下载第三方依赖包是从国外服务器下载,虽然没有被墙,但是下载的速度是非常的缓慢且有可能会出现异常. 所以为了提高效率,我们还是把npm的镜像源替换成淘宝的镜像源.有几种方式供我们选择 使用cnpm 使用阿里定制的cnpm命令行工具代替默认的npm,输入以下代码 $ npm install -g cnpm --registry=https://registry.npm.taobao.org 检测是否安装成功 $ cnpm -v 安装成功之后,以后安装依赖包的方式和npm的是一样的,只是n…

来源于:http://yijiebuyi.com/blog/b12eac891cdc5f0dff127ae18dc386d4.html 为什么要换源? npm 官方站点 http://www.npmjs.org/ 并没有被墙,但是下载第三方依赖包的速度让人着急啊! 就拿阿里云环境来说,有时npm 一个包也需要耐心等待......等待过去也许是原地踏步,也许就是安装失败. 幸运的是,国内有几个镜像站点可以供我们使用,本人在使用 http://www.cnpmjs.org/ 速度非常快,镜像站会实时…

npm --registry https://registry.npm.taobao.org info underscore…

npm config set registry "https://registry.npm.taobao.org" npm info underscore (如果上面配置正确这个命令会有字符串response)…

既然选择了远方,便只顾风雨兼程 __ HANS许 系列:零基础搭建前后端分离项目 系列:零基础搭建前后端分离项目 VsCode VsCode的安装 VSCode中文设置 VsCode 扩展 VsCode Debug VsCode快捷方式 NodeJs与NPM NodeJs NPM 前端项目 Express VsCode Visual Studio Code(以下简称vscode)是一个轻量且强大的代码编辑器,支持Windows,OS X和Linux.内置JavaScript.TypeScript…

时间飞逝,距离上一次更新博客已经过去了三个月,上一篇博客的发布时间停留在了4月4日. 近来三个月没有更新博客,深感抱歉和愧疚.停更博客就意味着学习的越来越少,作为一个普通的前端开发者来说这是万万不可取的.近日入职了一家新公司,在上一家公司里只是草草的待了三个月,导致离职的原因有很多,这里就不赘述了:近日入职新公司,由于还没进项目组闲暇时间还比较多,就写写博客跟开发朋友们聊聊前端开发: 前端开发是近年来新兴起的web开发岗位,随着人们生活水平的提高,大家越来越注重用户体验和视觉效果,随之也就产生了…

前言 在学习了koa2和express并写了一些demo后,打算自己写一个项目练练手,由于是在校生,没什么好的项目做,即以开发一个前端论坛为目标,功能需求参照一下一些社区拟定,主要有: 登录注册 个人信息维护.头像等基本信息 发表文章,富文本编辑器采用wangEditor插件,编辑.删除文章,文章分类等 文章评论.文章收藏.点赞等 支持文章分页.评论分页加载 关注取关用户 资源(文件)上传分享.下载.查看 学习资源推荐..... 作者个人日记but....由于种种原因,目前仅实现了部分功能,资源…

周六作为特邀讲师之一参加了IMWebConf 2017 前端开发者大会的主题演讲,主题为<WebAssembly:面向未来的web开发技术>.本次大会质量非常高,来自国内外的技术专家带了很多干货分享,关注前端技术的同学千万不要错过.以下是本次参会的感想. 关于大会内容 本次大会非常精彩,诚意满满,干货满满. 来自国内外大厂的讲师阵容可谓豪华,如BAT.W3C.谷歌.微软的技术专家等. 大会各讲师的topic是主办方精心挑选过的,围绕业界趋势.Node.框架.性能等方面展开. 大会topic筛选…

有必要说说我为什么要开始写这个,正文从下面的第一条开始 我最近忙于公司的项目,一直没有抽出时间来写文章.本来想每个月写一片文章,保质保量,无奈上个月没有坚持. 这段时间有点忙,主要是由于公司业务调整,我从原来的广告项目中调整到新业务线的前台页面开发了,和以前一样,还是带着3.4个兄弟姐妹.不同的是以前的项目周期普遍偏长,可以让每个同学有时间从头到尾的把项目吃透,而现在做C端的前台页面往往开发时间非常的短,比如我们就要在1.2个月完成业务线所有前台页面的开发.联调.测试.部署,以及下一步的迭代.由…

http://www.cocoachina.com/ios/20151001/13652.html 作者:Chris Wagner原文地址:tvOS SDK: An iOS Developer’s Initial Impressions 在Walter Isaacson编写的<Steve Jobs>的最后一章中,Steve说过“我最终实现并让它拥有了你们能想象到的最简单的用户界面”.当时他指的就是Apple TV. Steve不幸离世已经过去很久了,但是人们一直翘首以盼着这款产品.就在昨天20…

什么是gulp? gulp是一个前端项目构建工具,是自动化项目的构建利器,它不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成.你可以使用gulp及其插件对你的项目代码(less,sass)进行编译,还可以压缩你的js和css代码,甚至压缩你的图片等等. 我看了很多网上的资料,目前最流行的两种使用JavaScript开发的构建工具是Grunt和Gulp.而grunt多用在文件较多,逻辑复杂的项目构建,如果只是用来管理小项目的话,gulp方便快捷,是最适合不过的了.…

工其事,必利于器.好的开发工具毋容置疑会帮助Web前端开发者事半功倍,51CTO在上期主办的技术沙龙<大型网站PHP开发之道> 对现场的百余位Web开发者做了问卷调查,后经51CTO调研小组分析得出了最受Web前端开发者欢迎的五大开发工具. 语言篇 PHP.Python等Web专用的脚本语言,没有Java.C++.C#那么风光,毕竟面向公众的Web应用,在整个IT市场中未见得占有多大的份额.但在五月份的Tiobe发布的新一期编程语言排行榜中,PHP.Pyhton.Perl.Ruby都还是给力的…

一个简单的CS系统打包过程图文版 1.     打包内容 1.1.  此次打包的要求和特点 主工程是一个CS系统: 此CS系统运行的先决条件是要有.Net Framework 3.5: 主工程安装完成后自动安装系统运行的平台许可管理工具: 开始安装时显示许可协议. 1.1.  打包过程流程图 2.     打包软件 2.1.  选择软件 此次打包选择大名鼎鼎的打包软件Installshield. 2.2.  关于版本 在网上查了些关于Installshield版本的问题,主要是因为遇到我用的In…

缓存优点 通常所说的Web缓存指的是可以自动保存常见http请求副本的http设备.对于前端开发者来说,浏览器充当了重要角色.除此外常见的还有各种各样的代理服务器也可以做缓存.当Web请求到达缓存时,缓存从本地副本中提取这个副本内容而不需要经过服务器.这带来了以下优点: 缓存减少了冗余的数据传输,节省流量 缓存缓解了带宽瓶颈问题.不需要更多的带宽就能更快加载页面 缓存缓解了瞬间拥塞,降低了对原始服务器的要求. 缓存降低了距离延时, 因为从较远的地方加载页面会更慢一些. 缓存种类 缓存可以是单个用…

原文技术胖的 nginx 技术胖 专注于前端开发 deepin Linux Deepin 是一个基于 DEB 包管理的一个独立操作系统,和那些 Ubuntu(下个大版本是基于 debian 开发) 的衍生版仅仅只是换主题.调整 ISO 预置的软件包不同.Linux Deepin 在大量吸纳 Debian/Ubuntu 仓库的软件包之外,构建了更大的 Deepin 软件仓库.Linux Deepin 的软件仓库不但包含 Debian/Ubuntu 的软件包,还包含了大量深度原创的软件以及第三方优质…

经常在一些技术社区看到这些的问题,一个.NET开发者去求职,看到应聘的公司的技术栈还是比较老的ASP.NET WEBFORM的时候,希望了解未来会否使用ASP.NET MVC的时候,没有获得肯定答复,于是就放弃了这一份机会,以技术选企业,是否必要? 最近我在开发一个开源的微商城系统OdnShop,发布之后,有些用户就问,怎么不是ASP.NET MVC的?不支持MSSQL吗?要上.NET CORE了,诸如此类的问题.当然这些问题并没有标准答案,从技术本质来说,技术只是用来解决业务问题的一种手段,所…

前端开发者不得不知的ES6十大特性 转载 作者:AlloyTeam 链接:http://www.alloyteam.com/2016/03/es6-front-end-developers-will-have-to-know-the-top-ten-properties/ ES6(ECMAScript2015)的出现,无疑给前端开发人员带来了新的惊喜,它包含了一些很棒的新特性,可以更加方便的实现很多复杂的操作,提高开发人员的效率. 本文主要针对ES6做一个简要介绍. 主要译自:  http://…

ReactNative前端开发者 文档版本0.0.2 Author: Necfol 说明: 本文档用于指导前端React Native的开发,如需开发其他其他框架应用,不适用本文档 前期准备 ReactNative 的基本概念ReactNative文档 es6 开发基本知识 es6 基本文档 Node 环境(Node >=5.0.0,Yarn)下载地址 Android Studio环境Android Studio Xcode 环境(Mac适用) 1.搭建脚手架 1.1.安装脚手架工具 通过 np…

在微信上有童鞋问我iOS开发者的入门标准是神马?这个问题难到我了,而且贸然给一个答案出来的话,必定会有万千高手来喷. 凡人修仙,仙人修道,道人修真.当我们还是一个在青石板上蹲马步汗水涔涔的废柴时,或许天空中偶尔会有御剑飞行的仙人路过.金色的阳光洒在仙人随风舞动的剑穗上,此时不禁会油然而生一种冲动,希望有一天能成为这样的高手,自由飞翔.只是路漫漫其修远兮,漫漫修真路,从一个后天废柴到羽化升仙成为大神需要太多的努力. 我个人还属于iOS开发的外门弟子,正在入门的门槛上,所以还是一起来看看iOS开发内…

一.Visual Studio Code 下载地址:https://code.visualstudio.com/ 功能介绍: 微软在2015年4月30日Build 开发者大会上正式宣布了 Visual Studio Code 项目:一个运行于 Mac OS X.Windows和 Linux 之上的,针对于编写现代 Web 和云应用的跨平台源代码编辑器. Visual Studio Code软件功能非常强大,界面简洁明晰.操作方便快捷,设计得很人性化.软件主要改进了文档视图,完善了对 Markdo…

Sublime Text 已成为了目前最流行的代码编辑器之一.它的反应速度.简单易用性以及丰富的插件生态,让众多前端开发者们为之倾倒. 为了帮助开发者们更便捷地使用 Sublime Text ,我们决定制作一个 Sublime Text 扩展列表,它包含了我们日常使用的一些插件.当然,如果我们所列举的插件中没有你喜欢的,也随时欢迎你在评论中与我们分享它们. 1.插件包管理器 首先,我们将从包管理器开始.Package Control 是 Sublime Text 的插件包管理器,它提供了 Sub…

今天的前端如果没有用到 npm,效率是比较低的:所以要从使用的工具来讲. 1. 一切都依赖于 nodejs: 下载一个 linux 的源码包就可以开始安装了. $ wget https://nodejs.org/dist/v4.4.7/node-v4.4.7.tar.gz $ ./configure --prefix=/usr/local/nodejs $ make && sudo make install 装好后,npm 已经在/usr/local/nodejs/bin/npm. 如果之…