uni-app npm安装以及在uni-APP用npm安装echarts

深碍√TFBOYSˉ_ 2022-11-19 04:12 646阅读 0赞

1.win+r 输入cmd 打开  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjE4NjY0_size_16_color_FFFFFF_t_70]  
2.cd到uni-app项目根目录下  
3.输入命令 初始化npm

npm init -y

4.安装

npm install @dcloudio/uni-ui

5.引入使用

全局安装：在main.js中：

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

本地安装：（开发项目的情况下，应该使用本地安装，不要使用全局安装，uni-app文章上面有说明）

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

例：通过npm安装echarts依赖包  
在cmd中项目根目录下执行

npm install echarts --save

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjE4NjY0_size_16_color_FFFFFF_t_70 1]

在js中引用

import * as echarts from 'echarts';

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjE4NjY0_size_16_color_FFFFFF_t_70]: /images/20221022/51858943f90d464492d36e54740b9a09.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjE4NjY0_size_16_color_FFFFFF_t_70 1]: /images/20221022/8b7a5edda3124f52b5fc346246a1fca2.png

发表评论取消回复

表情：

评论列表（有 0 条评论，646人围观）

还没有评论，来说两句吧...

相关阅读

相关 npm安装笔记

参考：https://www.cnblogs.com/goldlong/p/8027997.html 查看node版本： node -v 查看npm版本： npm -v

小鱼儿/ 2022年11月27日 08:51/ 0 赞/ 190 阅读

相关 npm安装教程

一、相关概念 npm: Nodejs下的包管理器。 webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的

比眉伴天荒/ 2022年11月24日 12:58/ 0 赞/ 239 阅读

相关 uni-app npm安装以及在uni-APP用npm安装echarts

1.win+r 输入cmd 打开 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cH

深碍√TFBOYSˉ_/ 2022年11月19日 04:12/ 0 赞/ 647 阅读

相关 mac 安装npm

mac 在终端下安装brew： /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebr

冷不防/ 2022年09月04日 06:49/ 0 赞/ 193 阅读

相关 npm_express安装

1 创建myappserver目录 mkdir myappserver 2 进入目录 cd myappserver 3 初始化npm npm npm in

深藏阁楼爱情的钟/ 2022年08月21日 10:37/ 0 赞/ 261 阅读

相关 npm安装配置

npm config 配置npmrc $ NPM_PACKAGES="$HOME/.npm-packages" $ mkdir -p "$NPM_

淩亂°似流年/ 2022年05月26日 12:41/ 0 赞/ 224 阅读

相关 npm安装

npm：nodejs下的包管理器 webpack：主要的功能是通过commentJS语法把所有浏览器端需要发布的静态资源做相应的准备，如资源的合并和打包 vue-cli：用

短命女/ 2022年04月18日 02:58/ 0 赞/ 391 阅读

相关 npm安装过程

一、使用之前，我们先来掌握3个东西是用来干什么的。 npm: Nodejs下的包管理器。 webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端

红太狼/ 2022年03月26日 02:08/ 0 赞/ 274 阅读

相关 npm学习（一）之安装、更新以及管理npm版本

安装npm 安装前须知： npm是在Node中编写的，因此需要安装Node.js才能使用npm。可以通过Node.js网站安装npm，或者安装节点版本管理器NVM。

曾经终败给现在/ 2021年11月05日 09:12/ 0 赞/ 563 阅读

相关 npm安装vue

下面是我的学习总结，欢迎指教- - - - 步骤如下：备注：以下安装的是淘宝镜像文件，视情况而定安装官方镜像或是淘宝镜像即可。 1. 安装node.js

分手后的思念是犯贱/ 2021年09月16日 11:20/ 0 赞/ 534 阅读