首页
学习
活动
专区
圈层
工具
发布

写给前端同学的终端修炼手册

跳过 $ 大家平时在查询一下npm包时候,总是会看到如下的内容: $ npm install some-package 如果我们在终端中运行这段文本,会得到一个错误。...我们应该输入美元符号后的所有内容。 为什么安装说明会包括一个实际上不是命令一部分的符号呢!?这是因为在Bash shell语言中,$ 是提示符字符,显示在提示符的末尾。...以下是步骤: cd path/to/project npm install npm 代表 Node Package Manager。当我们安装 Node.js 时,它会自动安装。...链接命令 每当我们从 Github 克隆一个新项目时,我通常会连续做两件事: npm install,获取第三方依赖 npm run start,启动本地开发服务器 此时,就会有一个问题,当install...方法如下: npm install && npm run start && 操作符允许我们将多个命令链接在一起。第一个命令会执行 npm install。一旦完成,第二个命令会自动运行。

72910

写给前端程序员的命令行入门

跳过 $ 在阅读NPM包的安装说明时,你会经常看到这样的内容: $ npm install some-package 如果你试图运行这一段文字,你会得到一个错误。...以下是需要遵循的步骤: cd path/to/project npm install npm代表着Node Package Manager。当你安装Node.js时,npm会自动被安装。...npm install命令通常需要花费几分钟时间。我没有足够的注意力坐在那里盯着依赖是否下载完成,所以我经常会用Twitter来分散自己的注意力。...第一条命令将被执行,即npm install。当它完成的同时,第二个命令将自动运行。...这是一个特别巧妙的技巧,因为npm run start通常会打开一个浏览器窗口,吸引我的注意力,让我知道一切都准备好了。相比之下,npm install是静默完成的。

1.5K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    小程序wepy踩坑-Cannot find module D:node_modulesnpmbinnpm-cli.js

    npm install wepy-cli -g 有时候会报出这样的错误。...c盘根目录下执行,却不会报错 这是个令人脑壳疼的bug,但是对于小婷来说,这两年来的无数bug早已让我心情无法激动,因为总是在一遍遍的尝试,百度之下,找到bug所在,这个也不例外。...解决办法: 在d盘之中输入命令,查看一下npm的版本,果然不出我所料 那就重新在d盘里面安装,其实安装npm在前面的很多文章里面的都已经说过了,三大框架以及node的使用几乎都是差不多的原理 安装淘宝...由于npm是国外的,使用起来比较慢,我们这里使用淘宝的cnpm镜像来安装vue. 淘宝的cnpm命令管理工具可以代替默认的npm管理工具。...输入命令:npm install -g cnpm --registry=https://registry.npm.taobao.org 安装成功之后显示如下 注:出现这个bug的原因,(大部分人可能都不会出现这个报错了

    16000

    在Windows上切换node版本的实践

    项目的github链接为:nvm-windows 可以点击上一段的链接下载1.1.3版本的切换软件,如果更新了,那就要按照github中给出的最新文档来,这次有点费力就是吃了没看英文文档的亏。...切换安装源 这就是最大的坑,我看了几篇教程,打开setting文件各种设置都不管用,最后返璞归真,从github的文档中才发现如何在国内切换到正确的安装源上。...我一开始没切换,结果使用nvm install命令总是报连不上服务器,没法获取版本地址,大概试了10次,后来在说明文档上发现需要用命令进行设置,其实本质也是写到setting文件中,具体为: nvm node_mirror...切换到淘宝的npm镜像 这之后就顺畅多了,基本一路安装,我安装了4.4.4和6.10.1两个版本 补回失去的全局模块 对照第二步中的截图,一般情况下,在国内全局安装的第一个包都是cnpm,所以直接npm...install cnpm -g即可,接下来就是对照自己的项目需要,全局安装各种包即可,不过要记住每个版本都需要安装一遍,别嫌烦,切换就用use命令就行,然后cnpm各种包就好了。

    2.2K130

    Node Sass安装依赖失败问题解决小记

    先说结论大概率是因为 node-sass和node版本冲突 M1架构和node-sass不兼容,完全不支持node-sass 排查 今天我一个老项目就遇到了这个错误,如下图 先尝试使用报错信息给出的帮助命令安装...npm rebuild node-sass 意料之中的不行,因为我这个是很古老的项目使用的是node-sass@4.14.1 版本,所以随后检查node版本是否支持 https://github.com...更换为sass Mac 终端使用rosetta打开然后安装依赖 使用 yarn/npm install --target_arch=x64 安装x64架构的依赖,如果你直接安装失败了的话,就加上这个 …...很可惜对我都不适用,目前我的环境为 电脑:Mac M1 Pro arm64架构 项目:node@v12.14.0 npm@6.13.4 经过一阵谷歌大法后,一条命令解决!...use sass as you would before. npm install node-sass@npm:sass 最后总结,还是 less 好 //手动狗头

    1.8K11

    Vue 全家桶 + Electron 开发的一个跨三端的应用

    前言 一.关于我 我是一名全职的 iOS 开发者,非前端开发者。由于接触了 Weex 开发,从而接触到了 Vue.js。 二.为什么会写这个项目?...# install dependencies 安装依赖 npm install # serve with hot reload at localhost:8080 npm run dev # serve...首先全局安装 cordova 命令 npm install -g cordova 再输入下面的命令,生成 app 项目目录 cordova create app com.vueobjccn...比如之前在一个访问外国网站环境很差的情况下全局安装 Cordova ,各种报错,就算是换了 cnpm 完全安装了以后,添加 iOS 平台以后以后会报一个 co 文件找不到的问题,感觉是 cnpm 没有把命令安装完整...后来我回到家里,访问外国网站网络很好,npm install 一下子就安装好了。

    2.5K70

    为什么要使用 package-lock.json

    如果 express 在我下载该模块并尝试安装依赖项时发布了新版本,则可以下载最新版本。...上面的问题是,如果 4.17.x 版本存在一个错误,则我的本地设置将会失败,但是发布商的版本将继续在旧版本上正常运行。 在生产环境中可能会发生同样的事情,并且你不知道为什么它会失败。...要始终使用 CLI 命令,例如 install,uninstall 等。 如何使用NPM CLI 当你首次在新项目中使用 NPM 时,它会自动生成 package-lock.json。...考虑下面的例子: npm install express body-parser cors npm install(不带参数) install 将尝试安装与 package-lock.json 相关的所有依赖项...npm ci ci 将安装与 package-lock.json 有关的所有依赖项,类似于 install。这里的主要区别在于,在任何情况下都不会更改 package-lock.json。

    1.5K20

    Vue创建项目配置

    前言   安装VS Code,开始vue的学习及编程,但是总是遇到各种各样的错误,控制台语法错误,格式错误。一股脑的袭来,感觉创建个项目怎么这个麻烦。这里就讲一下vue的安装及创建。...开始创建项目   想要学好vue,那么npm命令是必不可少的。...然后打开CMD命令窗口进行检查。 Node -v Npm -v   分别检查node的版本及npm的版本 ? 二、安装Vue.js   安装vue这里我们使用NPM方法进行安装,打开命令行窗口。...安装最新稳定版本vue  npm install vue 全局安装 vue-cli npm install --global vue-cli   到这里我们基本环节配置差不多就ok了。   ...四、 运行项目   打开刚刚创建的Vue项目终端后,我们就可以进行运行项目前的最后几步了。 1、运行npm install命令进行相关依赖的安装。

    94640

    带你深入了解NPM——NPM初学者指南

    因此,我将尝试介绍该工具的基础知识,让您更深入地了解并使用它,而不是仅仅了解npm install而已。 包管理 我们都知道你可以使用NPM安装软件包,但究竟是什么意思呢?...package.json文件,然后让你的队友执行$npm install命令,即可完成包的安装和更新。...您甚至可以使用该标志fix自动修复在审核期间可能发现的任何问题。 bin:显示当前项目的NPM bin文件夹。 bugs:打开新浏览器窗口中的错误列表。...ci:几乎与npm install用于自动化环境(例如持续集成过程)相同。此命令比此命令更严格,install并确保安装始终是干净的(如果存在,它会自动删除node_modules文件夹)。...因此,如果您遇到重复的名称错误(考虑到NPM中已经有重名的包了),那么您就必须进行更改一个再次发布了。 结论 感谢阅读,我希望到现在为止,你已经了解了NPM的复杂性和美感。

    2.1K20

    一文看懂npm、yarn、pnpm之间的区别

    但是,另一方面,即使不同的开发人员使用了相同的package.json文件,在他们自己的机器上也可能会安装同一个库的不同种版本,这样就会存在潜在的难以调试的错误和“在我的电脑上…”的情形。...由于我没有详细了解npm的变化,所以我想当然的以为每次运行npm install命令时,NPM都得从互联网上下载所有内容。但是,我错了,npm是有本地缓存的,它保存了已经下载的每个版本的压缩包。...npm安装是非确定性的,程序包没有签名,并且npm除了做了基本的SHA1哈希之外不执行任何完整性检查,这给安装系统程序带来了安全风险。...基于这些原因,强烈建议你通过最适合于你的操作系统的安装方法来安装yarn。以这种速度发展下去的话,如果yarn要宣布他们自己的registry,让开发者慢慢淘汰npm的话,我们一点都不会感到惊讶。...我不会介绍太多的细节(因为这篇文章已经发布很久了), 但是我想指出的是,pnpm运行起来非常的快,甚至超过了npm和yarn。 为什么这么快呢?

    3K100

    使用Angular CLI生成 Angular 5项目

    Angular CLI 官网: https://github.com/angular/angular-cli 安装angular cli: npm install -g @angular/cli 不过首先要确保您安装了比较新版本的...另外一个常用的参数是--skip-install: ng new my-app --skip-install 这个命令作用是, 生成完项目文件之后不执行npm install这个动作....不过以后还是需要手动执行npm install的. 使用--help参数可以查看帮助: ng new --help ? 下面我要生成一个项目, 先不执行npm install: ?...下面我生成一个项目, 并且执行npm install: ? 命令执行完, 可以看到如下的项目结构; ?...--fix: 尝试修复lint出现的错误. --format: lint的输出格式. 首先我针对上面的my-app6执行ng lint: ? 没有问题. 然后我故意弄出来几处错误/不规范的写法: ?

    2.5K30

    什么时候不能在 Node.js 中使用 Lock Files

    例如用 npm install twilio 安装 twilio 这样的依赖项,那么 package.json 中的依赖项可能会存在类似于这样的条目: 1{ 2 "dependencies": { 3...因此,如果在发布新版本时你没有锁定文件,npm install 或 yarn install 会自动安装一个,你的 package.json 将不会被更新。...对于此这种场景,你可以针对相应的包管理器使用特殊命令或标志: 1npm ci # will install exactly what's in the package-lock.json 2yarn install...如何发布模块 与某些人想的相反,你发布到 npm 的内容并不总是与 GitHub 上或项目中的内容完全相同。...运行该命令而不会影响你的系统。例如 npm install --dry-run 并不会将依赖项安装到你的文件系统,或者 npm publish --dry-run 实际上也不会发布该包。

    1.6K30

    VUE调试工具

    按照网上建议全局安装webpack,npm install webpack -g 重新编译,中间要求安装webpack-cli,选择yes,之后还是出现了报错: 接着我按着报错信息去搜索了...‘webpack-cli/package.json’ 我在想我是不是输错命令了,于是重新尝试了 npm i -g webpack-cli (原来的命令是npm i -D webpack-cli...于是,我觉得可能是我前面的一些操作导致多下载了一些npm包,于是我把node卸载了,并且还把C盘下的用户目录下的AppData目录下的Roaming目录下的npm文件和npm-cache文件统统删除。...上述操作完成后,接下来在vue-devtools目录下安装依赖包,在power shell 中输入 npm install 命令。...我寻思着前面安装的时候也没有出现错误啊,于是在网上搜索了Unchecked runtime.lastError: Cannot find menu item with id vue-inspect-instance

    1.9K40

    ReactJs和React Native的那些事

    2.安装react-native脚手架  npm install -g react-native-cli  3.创建react-native工程  react-native init helloProject...  4.进入工程目录  cd helloProject  5.安装工程依赖包  npm install  6.生成JS bundle  react-native start  浏览器输入该链接检验工程是否正常启动...**你看,我认为他比任何人都明白当一个观点最终如此有力时,他们也就开始变得脆弱了,很难形成一个思想,很容易被错过,很容易妥协,很容易被挤扁。那是很深奥的。观点很脆弱。他们通常一开始就很无力。...难的是去保护它,考虑它,沉浸它,探索它,重复它,尝试它。正确的想法也被可以作为错误的想法来开启生活。  **所以下次当你听到的一些事,或人,谈论一个观点,给出一个观点,或者提出一个观点,给它5分钟。...npm install -g babel-cli npm install babel-preset-react babel example.js --presets react --out-dir=build

    2.5K100

    在Mac上搭建React Native开发环境

    安装React Native 命令行工具npm 之前我们说过npm是一个包管理工具,它是用来管理node的,详细介绍请看npm详解 命令行工具可以轻松创建和初始化工程: npm install -g...react-native-cli 注:如果出现错误 :EACCES: permission denied,使用命令: sudo npm install -g React-native-cli....npm install -g yarn react-native-cli 其他建议安装 Watchman Whtchman是Facebook开发的一个检测文件系统变化的工具,在RN开发中可以检测js文件等是否有变化...brew install watchman Flow 静态类型检查工具 brew install flow Nuclide Facebook推出的一款React Native集成开发环境(IDE),不过我不太喜欢...快速开发React Native 每次学习一门新的语言,我们总是总喜欢来一个helloWord。

    2.3K80

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

    Gulp安装流程、使用方法及CMD常用命令导览 来自前端小白的gulp及周边知识学习总结     一、名词介绍: Npm——node包管理工具 一开始我不理解,包管理工具是什么鬼。...3.cnpm 为什么要安装cnpm?据说npm的服务器在国外,如果我们在国内从npm上下载文件会反应慢,而且可能会异常报错。。装上这个东东就快了。。。..../  起作用了 所以:命令行返回上一级目录的命令就是  cd ../ 或者cd..   6.创建package.json文件——初始化项目配置 安装命令:cnpm init(或者npm init) Package...扩展:npm install --production只下载dependencies节点的包   7.安装局部gulp 安装命令: cnpm install gulp --save-dev(或者npm...这个情况是提醒我graceful-fs的版本太低 其他的报错,很大的可能就是你命令输入错误导致没装成功,一般就是字母输入错误,空格用了全角,标点用了全角等问题 遇到了再贴图吧。

    2.7K60

    为什么 husky 放弃了传统的 JS 配置

    为什么 husky 放弃了传统的 JS 配置 在 v4 版本之前 husky的工作方式是这样的:为了能够让用户设置任何类型的git hooks,husky不得不创建所有类型的git hooks 这样做的好处就是无论用户设置什么类型的...ok,了解了这么多,我想你也大概理解作者为什么要做这种破坏性更新的原因了吧。那么我们接着上面的按照新版husky的配置规则对我们的项目进行配置。...安装 Install husky npm install husky --save-dev Enable Git hooks npx husky install 如果想安装后自动启用hooks,可以执行..."prepare": "husky install" } } prepare 是 NPM 操作生命周期中的一环,在执行 install 的时候会按生命周期顺序执行相应钩子:NPM7:preinstall...$1 此时如果执行git commit操作,会有如下报错: 提示我们缺少commitlint.config.js文件,这里先安装依赖: npm install --save-dev @commitlint

    2.4K30

    手把手教你用Hexo+Github 搭建属于自己的博客

    在命令行中输入: npm install hexo-cli -g 然后你将会看到: ? 可能你会看到一个WARN,但是不用担心,这不会影响你的正常使用。...然后输入 npm install hexo --save 然后你会看到命令行窗口刷了一大堆白字,下面我们来看一看Hexo是不是已经安装好了。...---- hexo的相关配置 初始化Hexo 接着上面的操作,输入: hexo init 然后输入: npm install 之后npm将会自动安装你需要的组件,只需要等待npm操作即可。...踩坑提醒 1)注意需要提前安装一个扩展: npm install hexo-deployer-git --save 如果没有执行者行命令,将会提醒 deloyer not found:git 2)...在服务启动的过程,注意观察命令行输出是否有任何异常信息,如果你碰到问题,这些信息将帮助他人更好的定位错误。

    1.2K20

    node-sass无法安装的各种解决方案 原

    根据这个原因,总结了以下几个解决方案: 访问外国网站 这没什么好说的了,这是最轻松最彪悍的解决方案。只要能访问外国网站直接一个  npm i 命令就完事了,什么都不必去操心。...至于怎么访问外国网站………… 使用cnpm cnpm是一个强悍的工具,几乎能解决所有npm安装第三方包时遇到的问题。...执行如下命令即可: npm install npm rm node-sass cnpm install node-sass npm install 但是我们在使用cnpm时也遇到了一个坑,在ubuntu14.04...在windows下就得花时间根据install时的错误日志了解还要安装什么。...linux下遇到权限问题请执行: npm i --unsafe -perm 附送一个最奇葩的坑 这是我用所有的开源工具遇到过最奇葩的坑。我将一个文件命名为“.

    2K20
    领券