npm是nodejs官方未nodejs定制的一个工具,是Node.js的包管理器,是Node Packaged Modules的简称,通过npm可以下载安装nodejs的模块包,nodejs有很多优秀的模块包可以让开发这快速开发。
nodejs安装
1.下载安装包:
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.json
的dependencies
,dependencies
是需要发布到生产环境的,比如jq,vue全家桶,ele-ui等ui框架这些项目运行时必须使用到的插件就需要放到dependencies
-D
:即npm install module_name --save-dev
,写入package.json
的devDependencies
,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)