uni-app使用npm命令安装组件

要使用npm方式新建项目或者安装插件，有一个前提：

必须安装nodejs，可以通过官网Download | Node.js下载安装，不过因为是外网所以下载速度比较慢，这里提供我已经下载好的文件：

链接：https://pan.baidu.com/s/15z48Tl58mK8g4991vJXpBA
提取码：zd8f

nodejs的安装步骤这里就不赘述了，默认安装即可

安装完成后，配置 npm 在安装全局模块时的路径和缓存 cache 的路径。在自己喜欢的目录下，分别新建文件夹node_global和node_cache来分别代表安装全局所有工具的安装目录和缓存 cache的文件夹，并在 CMD 中输入以下命令来配置这两个文件夹：

配置完成后，CMD中检查是否安装成功：

这样就可以了，接下来就可以通过npm方式新建项目或者安装扩展组件了，接下来举个例子：

通过npm方式安装uni-ui组件：

1. 进入项目目录，点击shift+右键，选择“在此处打开powerShell窗口”

2. 在打开的power Shell窗口中执行：npm init -y

3. 安装uni-ui：npm install @dcloudio/uni-ui

4. 在script中引用组件：

   ?import {uniBadge} from '@dcloudio/uni-ui'
   
   export default {
   
   ? ? ? ? components: uniBadge
   
   }
   

5. 在template中使用组件

   <uni-badge text = "1"></uni-badge>
   

OK，到此结束！

先自我介绍一下，小编13年上师交大毕业，曾经在小公司待过，去过华为OPPO等大厂，18年进入阿里，直到现在。深知大多数初中级java工程师，想要升技能，往往是需要自己摸索成长或是报班学习，但对于培训机构动则近万元的学费，着实压力不小。自己不成体系的自学效率很低又漫长，而且容易碰到天花板技术停止不前。因此我收集了一份《java开发全套学习资料》送给大家，初衷也很简单，就是希望帮助到想自学又不知道该从何学起的朋友，同时减轻大家的负担。添加下方名片，即可获取全套学习资料哦