npm是nodejs官方未nodejs定制的一个工具,是Node.js的包管理器,是Node Packaged Modules的简称,通过npm可以下载安装nodejs的模块包,nodejs有很多优秀的模块包可以让开发这快速开发。

nodejs安装

1.下载安装包:

Node.js

2.安装完成,输入node,进入交互式命令窗口。

npm安装

1.安装完nodejs在cmd命令窗口输入npm -v,可查看npm版本;

2.安装npm中国镜像:

安装:npm install -g cnpm --registry=https://registry.npm.taobao.org

卸载:npm uninstall -g cnpm

3. cnpm安装不成功

  • npm的默认地址是https://registry.npmjs.org/
  • 可以使用npm config get registry查看npm的仓库地址
  • 可以使用npm config set registry https://registry.npm.taobao.org来改变默认下载地址,达到可以不安装cnpm就能采用淘宝镜像的目的,然后使用上面的get命令查看是否成功。

-g -S -D

  • -g:全局安装。 将会安装在C:\ Users \ Administrator \ AppData \ Roaming \ npm,并且写入系统环境变量;非全局安装:将会安装在当前定位目录;全局安装可以通过命令行任何地方调用它,本地安装将安装在定位目录的node_modules文件夹下,通过要求调用;
  • -S:即npm install module_name --save,写入package.jsondependencies ,dependencies 是需要发布到生产环境的,比如jq,vue全家桶,ele-ui等ui框架这些项目运行时必须使用到的插件就需要放到dependencies
  • -D:即npm install module_name --save-dev,写入package.jsondevDependencies ,devDependencies 里面的插件只用于开发环境,不用于生产环境。比如一些babel编译功能的插件、webpack打包插件就是开发时候的需要,真正程序打包跑起来并不需要的一些插件。

下载报错解决过程:

1.nodejs版本问题;

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

2. npm 8版本安装element-ui报错解决办法:

>npm install element-ui -S

报错:

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: partfiletest@0.1.0
npm ERR! Found: vue@3.2.23
npm ERR! node_modules/vue
npm ERR!   vue@"^3.0.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer vue@"^2.5.17" from element-ui@2.15.6

安装低版本npm:

npm install -g npm@6.14.8
 

问题解决。

3. vue/cli 4.x 引入element-ui

安装:

npm install --save element-plus

npm install --save element-plus/lib/theme-chalk/index.css

import {createApp} from 'vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import App from './App.vue'
createApp(App).use(ElementPlus).mount("#app")
<template>
    <div id="app">
        <el-row>
          <el-button>默认按钮</el-button>
          <el-button type="primary">主要按钮</el-button>
          <el-button type="success">成功按钮</el-button>
          <el-button type="info">信息按钮</el-button>
          <el-button type="warning">警告按钮</el-button>
          <el-button type="danger">危险按钮</el-button>
        </el-row>
    </div>
</template>

<script>
export default {
  name: 'App'
}
</script>
<style>
</style>

node-sass速度慢问题

参考:快速解决 npm 安装 node-sass 速度慢/错误的问题 - 知了博客 - IT人的小站 (ydyno.com)

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐