uni-app npm方法安装使用

一、打开对应项目的调试命令窗口

1.电脑左下角搜索cmd,点击命令提示符,输入cd+空格+项目地址,回车就可以了:

2.在当前目录下"shift+鼠标右键",点击“在此处打开Powershell窗口”:

二、输入命令 初始化npm

npm init -y

三、安装包

npm install @dcloudio/uni-ui

四、引入使用

1.全局安装:在main.js中:

import {uniBadge} from '@dcloudio/uni-ui'

2.本地安装:(开发项目的情况下,应该使用本地安装,不要使用全局安装,uni-app文章上面有说明)

import {uniBadge} from '@dcloudio/uni-ui'
//import uniBadge from '@dcloudio/uni-ui/lib/uni-badge/uni-badge.vue' //也可使用此方式引入组件
export default {
    components: {uniBadge}
}

五、最后你可以在自己的项目中看到node_modules之后就使用命令可以安装你想要的其他插件了

### 如何卸载 uni-app 相关的 npm 包 对于想要移除 `uni-app` 项目中的特定依赖或是清理不再需要的相关 npm 包的情况,可以按照如下方式操作: #### 卸载全局安装uni-app 工具链 如果曾经使用 `-g @vue/cli uni-cli ``` #### 移除本地项目的指定依赖包 针对像 `@uni-helper/uni-app-types` 这样的开发阶段使用的依赖项,可利用以下指令将其从当前工作区中删除[^1]: ```bash npm uninstall @uni-helper/uni-app-types --save-dev ``` 同样地,如果是运行时必需的一般性依赖(比如 echarts),则应省略 `--save-dev` 而采用默认行为来完成卸载过程[^2]: ```bash npm uninstall echarts ``` #### 清理整个 node_modules 并重置 package.json 中的 dependencies 字段 当计划彻底清除所有已安装模块并重新构建干净状态下的依赖关系树时,可以选择先清空 `node_modules` 文件夹再手动编辑或通过命令行工具调整 `package.json` 内容。具体做法为: - 手动删除 `node_modules` 文件夹; - 使用 `npm prune` 来同步 `package.json` 和实际存在的文件。 为了确保不会遗漏任何残留配置,在某些情况下还可能需要进一步修改 `.gitignore` 等其他辅助文件以排除不必要的路径条目。 #### 完全移除与 uni-app 关联的一切资源 考虑到可能存在多个不同类型的关联数据存储位置(如缓存、临时编译产物等),建议采取更为全面的方式进行清理。这通常涉及到但不限于以下几个方面的工作: - 删除上述提到过的 `node_modules`; - 如果适用的话,也应当考虑清理掉由插件或其他扩展机制引入的内容; - 对于那些被标记为 devDependencies 的库来说,记得更新对应的字段定义; 最后提醒一点,务必谨慎对待每一次变更动作,并提前做好充分备份以防意外丢失重要资料。
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值