一、npm 直接安装 GitHub/GitLab 仓库代码 语法 npm install 示例 命令： npm i git@github.com:mazeyqian/mazey.git...link 本地调试 语法 npm link (in package dir) npm link [/][@] alias: npm ln 示例 npm 包...：mazey-sdk 项目文件夹名：mazey-project # 进入本地 npm 文件 cd ~/mazey-sdk npm link # 进入项目文件 cd ~/mazey-project npm...link mazey-sdk 三、npm unlink 示例 npm 包：mazey-sdk 项目文件夹名：mazey-project # 进入项目文件 cd ~/mazey-project npm...unlink --no-save mazey-sdk # 进入本地 npm 文件？
VuePress 安装vuepress前，请确保你的 Node.js 版本 >= 8 全局安装 # 安装 yarn global add vuepress 或者：npm install -g vuepress...在现有项目中安装 # 将 vuepress 作为一个本地依赖安装 yarn add -D vuepress 或者：npm install -D vuepress # 新建一个 docs 文件夹 mkdir...run docs:dev 第一个坑：我的项目就是依赖webpack 3.6.0同时也是用npm安装依赖，然后继续使用npm安装vuepress，然后执行npx vuepress dev docs的时候报错了...如果你的现有项目依赖了 webpack 3.x，推荐使用 yarn而不是 npm 来安装 vuepress。...:'/guide/install/install'} ] } } 当你提供了一个 items 数组而不是一个单一的 link 时，它将显示为一个 下拉列表 ： module.exports
其实，npm add 是 npm install 的 别名 之一，所以当我们执行 npm add 时，对于 npm 来说完完全全等同于执行了 npm install!...假如，构建脚本是： npm run build 复制代码 那么你知道如何在执行 npm run build 指令执行之前，做一些特定的别的操作，或者在执行之后执行一些操作，应该怎么做吗？...四、通过 npm link，能创造一些实用的工具指令 npm link 很多人都知道，它最广为人知的用途是： 创建一个软连接，使得你可以在不发布到 npm 源的情况下，在 B 项目里依赖 A 项目进行联调...就会直接执行它所指向的脚本了。...or # 如果你安装了nrm nrm use taobao 复制代码 以上做法虽然有效，但并没有将 “指定源” 固话在项目配置中，新同学上手时可能需要在这些问题上花费大量精力。
一、前言 我们开发用到的一些库都有自己特有的命令，如webpack，babel和jest等。通过给这些命令输入不同的参数，可以得到相应的功能。...这时候如果想直接运行这个命令，将会得到一个报错： 需要给这个文件添加一个执行的权限： chomd +x main.js 这样就能正常的运行这一命令了： 下一步，我们将借助npm的特性，来给我们的命令命名...npm link 完成后就可以直接输入mycmd命令得到结果了 此时你可能会感到疑惑，为什么通过npm link就能实现自定义命令呢？...如果要去除这个软链，执行下面的命令就可以了： npm unlink cmd 说得有点远了，再扯回到自定义命令上面来。如果我们希望给命令传入参数，该如何做呢？...具体用法请看官方文档：commander 六、总结 本文介绍了如何在 Node 开发环境下定制自己的命令，完成一些日常的自动化任务。如果这些任务比较通用，还可以发布到 npm，为更多的人提升效率。
link的替代品 因为如下原因我们应该避免使用npm link 多个 Node.js 版本同时使用容易出错 link 失败不会报错并且会回退到直接从 npm 仓库进行安装 会有预期之外的二进制可执行文件安装...不符合预期的软链接删除 npm link是什么 npm link是一个用于开发时直接将本地包链接为依赖项的一个命令行工具。...并且这个版本差异也很难发现，因为npm link在无法找到要链接的本地包时也不会报错 link 失败不会报错并且会回退到直接从 npm 仓库进行安装 如果尝试在一个包中执行npm link a ，就算这个包之前并没有注册为全局链接...如果包有bin 字段，通过npm link可以另这个bin中的命令可以直接通过终端执行命令 考虑到npm link通常只是用来在开发中进行包的测试，全局二进制文件的安装可能会有额外的副作用。...它是一个开发时进行软链接的工具。通过上文，我们了解到这种行为是会导致不少预期外的行为以及可能导致的一些错误 顺便提下上面提到的运行npm link a，则二进制执行命令a已安装到系统中。
，可以直接访问Remix官网。...1 直接使用npm安装，这也是我安装使用的方法。...node 和npm 版本的话，应该都可以安装成功，安装成功之后，remix-ide命令用来启动ide....you and link it to remix-ide npm start Remix ide 使用 Remix IDE 默认是使用8080端口启动的，启动之后在浏览器打开：http://localhost...在Compile页，会动态的显示当前编辑区域合约的编译信息，如显示错误和警告。编译的直接码信息及ABI接口可以通过点击Details查看到。 在这篇文章里 也有截图说明。
那么如何在Windows环境下通过Vercel CLI来部署静态网页呢？...使用Vercel CLI就必须要npm, 我们可以首先先去下载NodeJS for Windows并安装 OpenJS Windows NodeJS其他额外组件不需要安装。...Vercel CLI安装 安装Vercel npm i -g vercel 本来我以为可以放到不在C盘，我直接用Pycharm新建环境，再到里面输入上面的代码。...结果发现其实，都是安装到AppData里面 T_T Vercel CLI使用 https://vercel.com/docs/cli 我目前在PyCharm新建的项目文件夹内放置了我的静态网页，并直接通过...Link to existing project? [y/N] n ? What’s your project’s name? examplewebsite ?
到线上环境只要直接去对应路径，找到对应的favicon后替换即可。那么如何在webpack打包时，自定义地控制favicon的打包路径呢？通过下面的项目实例可以快速了解一下。.../dist'),//打包后的文件存放的地方 filename: 'js/app.js', } }; 在package.json的目录下打开命令窗口，执行： npm run dev...安装html-webpack-plugin: npm install html-webpack-plugin --save-dev webpack.config.js中增加配置： const HtmlWebpackPlugin...要先安装url-loader: npm run url-loader --save-dev webpack.config.js中增加： module.exports = { ......默认配置的参数是atttrs=’img:src’，处理图片的src引用的资源，这里需要增加配置：'link:href'，即可处理link标签的href引用的资源： 需要先安装html-loader、file-loader
在前面的章节中，使用的 Loader 都是通过 Npm 安装的，要使用 Loader 时会直接使用 Loader 的名称，代码如下： 如果还采取以上的方法去使用本地开发的 Loader 将会很麻烦，因为你需要确保编写的...为此你需要先把编写的 Loader 发布到 Npm 仓库后再安装到本地项目使用。...目录下，让项目可以直接使用本地的 Npm 模块。...完成 Npm link 的步骤如下： 确保正在开发的本地 Npm 模块（也就是正在开发的 Loader）的 package.json 已经正确配置好； 在本地 Npm 模块根目录下执行 npm link...，把本地模块注册到全局； 在项目根目录下执行 npm link loader-name，把第2步注册到全局的本地 Npm 模块链接到项目的 node_moduels 下，其中的 loader-name
如果你想了解如何在其他关于Node.js文章，你可以参考如何在Ubuntu16.04上安装Node.js 为Debian安装Distro-Stable版本 Debian在其默认存储库中包含一个Node.js...npm使用主目录中的配置文件来跟踪更新。它将在您第一次运行npm时创建。...执行此命令以验证npm是否已安装并创建配置文件： npm -v 6.2.0 为了使某些npm软件包能够工作（例如，需要从源代码编译代码），您需要安装build-essential软件包： sudo apt...您可以通过键入以下命令来告诉nvm去使用您刚下载的版本： nvm use 8.11.1 当使用nvm安装Node.js时 ，可执行文件被命名为node。...： npm link express 您可以通过键入以下内容来了解有关nvm可用选项的更多信息： nvm help 删除Node.js 您可以使用apt或nvm卸载Node.js ，具体取决于您要定位的版本
1.不满足需求：jenkins,travis通常在git hooks中触发，需要在服务端执行，无法覆盖研发人员本地的功能，如：创建项目自动化，本地git操作自动化等。...还有一种场景：通过 vue create 创建项目时，会自动执行 npm install 帮用户安装依赖，如果我们希望使用淘宝源来安装，可以输入命令：vue create vue-test-app --...脚手架的实现原理1.为什么全局安装 @vue/cli 后添加的命令为vue?2.全局安装 @vue/cli 时发生了什么？3.执行 vue命令时发生了什么？...并发布5.在终端安装并使用 脚手架本地调试方法1.npm link。...1.创建两个包，分别是 cli-test 和 cli-test-lib2.在cli-test-lib，执行npm link3.进入 cli-test，执行 npm link cli-test-lib 此时就可以在
方法二： npm install -g nrm nrm use taobao nrm ls 安装依赖 当不加任何参数时执行 npm install，这两个包都会被安装到 node_modules...当执行 npm install --only=prod，只会安装 dependencies 中的包。...当执行 npm install --only=dev，只会安装 devDependencies 中的包。...注意事项：当我们把当前这个包发布出去以后，别人通过 npm install npm-demo 安装它时，只会安装它的 dependencies，而会忽略 devDependencies。...因此当我们发现项目中的某个包和我们预想不一致时，首先查看版本信息文件中该包的来源和版本，因为在安装过程中它的优先级最高。
我们访问Volar的 地址，直接点击Install，就会启动VS Code并且安装。然后使用Chrome访问 Vue 3调试插件的 地址 ，可以帮助我们在浏览器里高效的调试页面。...npm install 命令，来进行依赖的安装，然后执行npm run dev 命令来启动项目，看到如下信息就算是启动成功了。...npm install vue-router@next vuex@next 框架搭建完毕后，我们如何在项目的src目录下面组织我们的路由和其他代码呢？...至此，一个多页面的Vue开发项目雏形就完成了，页面架构变成： 还不够，实际项目开发中还有各种工具集成，如： 写CSS代码时，要预处理工具stylus或sass 组件库开发中，我们需要Element3...并且main.js在项目入口对路由数据进行了注册，这样我们就能够通过执行 npm run dev 启动这个项目。之后，我们就能看到首页和关于页面，这样项目的雏形我们就搭建完毕。
回想一下，通常我们在使用一个 cli 工具时，都需要先安装它，比如 vue-cli，使用前需要全局安装: npm i vue-cli -g 而我们的 kid-cli 并没有发布到 npm 上，当然也没有安装过了...通常我们想本地测试一个 npm 包，可以使用：npm link 这个命令，本地安装这个包，我们执行一下： npm link 然后再执行 kid 命令，看正确输出 hello world! 了。...那么如何在 node 中执行 shell 脚本呢？只需要安装 shelljs 这个包就可以轻松搞定。...npm i shelljs --save 假定我们想克隆 github 上 vue-admin-template 这个项目的代码，并自动安装依赖，改造index.js，在 initAction 函数中加上执行...切换网络代理 因为安全策略，公司对开发网有一些网络限制，比如想要直接使用 npm 安装依赖包，通常需要配置网络代理，而使用 tnpm 时则需要切换回来。每次手动切换代理实在是麻烦。
或者使用使用淘宝出品的 cnpm安装首先我们直接进行全局的安装，运行如下命令：npm install webpack webpack-cli -g，可能需要一点时间。...在页面启动时，会先执行 entry.js 中的代码，其它模块会在运行 require 的时候再执行。刷新浏览器，可以发现我们的刚刚的代码已经生效，又有了新的文字出现。...命令行缩写，比如这是的start指定了运行npm run start时，所要执行的命令。.../src/components') }, // require时省略的扩展名，如：require('module') 不需要module.js extensions...首先是安装，如果使用npm的形式的话，直接运行npm install vue-router --save,就可以看到vue-router，已经被添加到了项目依赖中。
执行脚本 现在我们可以使用 node src/fysrt.js 来执行这个文件，但是这很麻烦，我们想使用 fysrt 来直接执行这个文件。 首先我们在文件开头加入 #!...bin 然后我们在 package.json 中加入 bin 字段 使用 bin 字段可以将命令名和文件名映射，在安装时 npm 会将我们的可执行文件符号链接到 {prefix}/bin （全局安装）或...npm link 我们想让上面设置的 bin 起作用，可以发布和安装包，npm 才会帮我们做符号链接，但是这样太麻烦，我们还可以使用 npm link 命令。...它可以简写为 npm ln，我们直接去项目目录执行 npm link 就可以了。...我们对 fysrt 的修改都可以直接映射到该项目的 fysrt。 当我们想取消链接时可以执行 npm unlink fysrt。 srt 字幕文件 srt 字幕文件中的一句字幕，分为三部分。
还有一种场景： 通过 vue create 创建项目时，会自动执行 npm install 帮助用户安装依赖，如果我们希望使用淘宝源来安装，可以输入命令 vue create vue-test-app...执行 vue 命令时发生了什么？.../@vue/cli/bin/vue.js 文件 为什么 vue 指向一个 js 文件，我们却可以直接通过 vue 命令去执行它？...目录中 先全局移除之前通过 npm 安装的包，然后执行 npm link npm remove test-cli -g npm link 就会安装本地的脚手架了 随便修改本地代码后，然后再通过命令 test-cli...npm link ，把这个包也安装到本地。
回想一下，通常我们在使用一个 cli 工具时，都需要先安装它，比如 vue-cli，使用前需要全局安装: npm i vue-cli -g 而我们的 kid-cli 并没有发布到 npm 上，当然也没有安装过了...通常我们想本地测试一个 npm 包，可以使用：npm link 这个命令，本地安装这个包，我们执行一下： npm link 然后再执行 kid 命令，看正确输出 hello world! 了。...运行 shell 脚本 熟悉 git 和 linux 的同学几句话便可以初始化一个项目： 那么如何在 node 中执行 shell 脚本呢？只需要安装 shelljs 这个包就可以轻松搞定。...npm i shelljs --save 假定我们想克隆 github 上 vue-admin-template 这个项目的代码，并自动安装依赖，改造index.js，在 initAction 函数中加上执行...切换网络代理 因为安全策略，公司对开发网有一些网络限制，比如想要直接使用 npm 安装依赖包，通常需要配置网络代理，而使用 tnpm 时则需要切换回来。每次手动切换代理实在是麻烦。
Type ".help" for more information. > 然后就是安装docsify，继续在CMD命令行窗口中输入： npm i docsify-cli -g 出现以下提示说明安装成功：...多页文档 链接 链接可以让我们在网页之间进行跳转，如何在项目文件中添加链接？.../后端//) 如何在侧边栏中显示md文件中的二级标题、三级标题？...主题 官方推出的四种主题，只需要在首页引入即可使用： link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/themes/vue.css..." /> link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/themes/buble.css" /> link rel="stylesheet
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
云直播
对象存储
