VSCode使用npm的详细步骤

目录
  • 1.打开cmd 输入指令 npm -v 查看npm是否安装，需要先安装node.js
  • 2.打开vscode 在工作区创建一个项目，右键打开 “在集成终端中打开”
  • 3.终端中输入 npm init -y，为项目创建npm环境，创建成功生成package.json文件
  • 4.修改npm镜像
  • 5.利用npm导入jquery，导入成功生成两个文件
  • 6.更多命令操作
  • 7、使用npm install是报错
  • 总结

1.打开cmd 输入指令 npm -v 查看npm是否安装，需要先安装node.js

node.js安装：https://nodejs.org/en/

安装包下载后，一直点击next ，安装完成，打开cmd 输入 node -v 查看安装是否成功

2.打开vscode 在工作区创建一个项目，右键打开 “在集成终端中打开”

3.终端中输入 npm init -y，为项目创建npm环境，创建成功生成package.json文件

#name: 项目名称
#version: 项目版本号
#description: 项目描述
#keywords: {Array}关键词，便于用户搜索到我们的项目

4.修改npm镜像

npm config set registry https://registry.npm.taobao.org==

查看npm配置信息

npm config list

5.利用npm导入jquery，导入成功生成两个文件

npm install jquery

6.更多命令操作

1.如果安装时想指定特定的版本 npm install jquery@2.1.x

2.使用 -D参数将依赖添加到devDependencies节点
npm install --save-dev eslint
#或简写 npm i -D eslint

Node.js全局安装的npm包和工具的位置
2.一些命令行工具常使用全局安装的方式 npm install --g webpack

#npm管理的项目在备份和传输的时候一般不携带node_modules文件夹
#安装会自动在项目目录下添加 package-lock.json文件，这个文件帮助锁定安装包的版本
#根据package.json中的配置下载依赖，初始化项目
npm install

#更新包（更新到最新版本）
npm update 包名
#全局更新
npm update -g 包名
#卸载包
npm uninstall 包名
#全局卸载
npm uninstall -g 包名

7、使用npm install是报错

`npm WARN xxxx @1.0.0 No description`
在package.json文件中添加这两个字段
`"description": "npm-install-package"`、`"private": true`

总结

到此这篇关于VSCode使用npm的文章就介绍到这了,更多相关VSCode使用npm内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

赞 (0)

相关推荐

  • vscode执行npm时的一些错误以及处理办法

    vscode执行npm时的一些错误以及处理办法

    目录 前言 一.npm install 1. operation not permitted 1.1. 错误截图 1.2. 解决方案 2. node-sass@4.13.0 2.1.问题: 二.npm run build 1.缺少环境参数 1.1.错误 1.2.解决 2.堆内存不足 2.1.错误 2.2.解决 三.npm run dev 1.缺少环境 1.1.missing script: dev 1.2.解决 总结 前言 在vscode中执行npm相关命令时,会出现一些意想不到的错误,每次遇到

  • vscode中使用npm安装babel的方法

    vscode中使用npm安装babel的方法

    前言 上篇介绍了nodejs的安装配置,这篇来介绍一下在VScode里面怎么使用bable. bable是一个广泛使用的ES6转换器,可以将ES6代码转为ES5代码 一.检查是否已经安装了npm 在cmd中输入npm -v 得到版本号,现在新版的nodejs在安装的时候已经自动安装了npm. 还是那句话,最好还是以管理员身份打开终端. 二.配置bable 在终端中安装bable,输入 npm install –g babel-cli 这是为了让VScode可以识别bable,安装成功后就是这样:

  • VSCode使用npm的详细步骤

    目录 1.打开cmd 输入指令 npm -v 查看npm是否安装,需要先安装node.js 2.打开vscode 在工作区创建一个项目,右键打开 “在集成终端中打开” 3.终端中输入 npm init -y,为项目创建npm环境,创建成功生成package.json文件 4.修改npm镜像 5.利用npm导入jquery,导入成功生成两个文件 6.更多命令操作 7.使用npm install是报错 总结 1.打开cmd 输入指令 npm -v 查看npm是否安装,需要先安装node.js nod

  • vue2自定义组件通过rollup配置发布到npm的详细步骤

    创建Vue组件库项目首先,我们需要创建一个Vue组件库的项目.我们可以使用Vue CLI来快速创建一个基础的Vue项目. vue create my-component-library 配置rollup接下来,我们需要配置rollup以构建我们的组件库.创建一个名为rollup.config.js的文件并添加以下代码: import vue from 'rollup-plugin-vue'; import babel from 'rollup-plugin-babel'; import comm

  • TypeScript环境搭建并且部署到VSCode的详细步骤

    TypeScript环境搭建并且部署到VSCode的详细步骤

    目录 TypeScript环境搭建 第一步:下载淘宝镜像 第二步:下载TypeScript 部署到VSCode 先创建一个文件夹tsDemo, 修改tsconfig.json配置 可能会遇到的报错 前言:要想搭建TypeScript,那么就要有npm,要想有cnpm,那么就得有node环境.要是都有了的话,那么接下来,往下看. TypeScript环境搭建 第一步:下载淘宝镜像 先检查自己有没有成功安装npm 有npm还不行,还要下载cnpm,命令如下(直接复制粘贴): npm install

  • 搭建vscode+vue环境的详细教程

    一.安装vue.js 1.简介 Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的 渐进式框架.与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计.Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合.另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用. Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件. Vue.js是一个MVVM模式的框架,如果读者有angul

  • Nuxt3项目搭建过程(Nuxt3+element-plus+scss详细步骤)

    目录 1. Nuxt3的安装 1.1. 安装新建Nuxt3 项目 1.2. Nuxt3的启动使用 1.3. Nuxt3 运行端口 2. element-plus的安装配置 2.1. 演示使用 3. scss安装和全局变量配置 3.1. 使用 3.2. 外部导入使用 3.3. 全局配置使用 4. 拓展:Corepack 自动装载 pnpm 小聊: 本次记录一次使用Nuxt3搭建前端项目的过程,内容包含Nuxt3的安装,基于Vite脚手架(默认)构建的vue3项目,element-plus的安装配置

  • Vue.js项目部署到服务器的详细步骤

    Vue.js项目部署到服务器的详细步骤

    前言 最近做完了一个项目,Vue.js 2.0 + vuex + axios,还是有点大的.想着做了这么久,放服务器给朋友们体验一下,帮忙找找BUG,于是就有了研究服务器这一篇文章了. 准备工作 服务器 既然是部署到服务器,肯定是需要一个云的.我这里找基友拿的一个,做测试的话,可以买阿里云的学生机,9.9 一个月,不过不是学生的话就比较麻烦,因为涉及敏感操作都需要验证码. 编译打包 将项目打包成 dist 文件,这里我需要跨域请求一些数据,还写了一个小型服务器, app.js 放到 dist 文

  • 微信小程序搭建(mpvue+mpvue-weui+fly.js)的详细步骤

    本文介绍了微信小程序搭建(mpvue+mpvue-weui+fly.js)的详细步骤,分享给大家,具体如下: 微信小程序框架:mpvue ui框架:mpvue-weui request请求:fly.js 1.项目初始化 注:如果没有安装node环境的请先去网上下载node.js下来安装,安装后默认安装npm了 接下到你要建项目的目录下打开cmd窗口(快捷方法:打开到目录后按住键盘shift,然后点击鼠标右键选择在此处打开powershell窗口即可) npm默认从外网下载包,可能会比较慢,可以换

  • vue相关配置文件详解及多环境配置详细步骤

    1.package.json 作用: package.json 文件其实就是对项目或者模块包的描述,里面包含许多元信息.比如项目名称,项目版本,项目执行入口文件,项目贡献者等等.npm install 命令会根据这个文件下载所有依赖模块. 文件结构如下: { "name": "sop-vue", "version": "0.1.0", "author": "zhangsan <zhangsa

  • 从零开始的TensorFlow+VScode开发环境搭建的步骤(图文)

    VScode不愧是用户数量上升最快的编辑器,界面华丽(当然,需要配合各种主题插件),十分容易上手且功能强大.之前用它写C++体验十分nice,现在需要学习tensorflow,而工欲善其事必先利其器,搭建一个舒服的开发环境是非常重要的第一步. 目标:在linux下从无到有,安装anaconde3, tensorflow, 配置vs code,直到可以运行一个tensorflow版hello world(实为mnist手写数据分类).尽管有其他的安装tensorflow的方式,但使用anacond

  • typescript配置alias的详细步骤

    1 安装依赖 npm install --save-dev babel-plugin-module-resolver # yarn add babel-plugin-module-resolver --dev 根目录新增.babelrc文件 参考以下内容按您项目中的需要去修改 { "presets": ["next/babel"], "plugins": [ [ "module-resolver", { "alias

随机推荐