CNPM

在vue中使用echarts图表 转载请注明出处： https://www.cnblogs.com/wenjunwei/p/9815290.html 安装vue依赖 使用npm npm install echarts --save 使用yarn yarn add echarts 使用国内的淘宝镜像： //安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org //从淘宝镜像下载 cnpm install echarts -S 引入ECharts 安装好的ECharts会放在node_modules目录下。 全部引入 1.直接在项目代码引入 可以直接在项目代码中 require('echarts') 得到 ECharts。声明一个echarts变量，直接使用变量即可。 Home.vue //需要使用的页面 //引入 var echarts = require('echarts'); // 基于准备好的dom，初始化echarts实例 var myChart = echarts.init(document.getElementById('main')); // 绘制图表 myChart.setOption({ title: { text: 'ECharts 入门示例' }, tooltip: {},

vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目，GitHub地址是：https://github.com/vuejs/vue-cli vue/cli 3.x 已经发布，如果使用 3.x 构建项目，请参考《Vue 爬坑之路（十二）—— vue-cli 3.x 搭建项目》 一、 安装 node.js 首先需要安装node环境，可以直接到中文官网http://nodejs.cn/下载安装包。 只是这样安装的 node 是固定版本的，如果需要多版本的 node，可以使用 nvm 安装http://blog.csdn.net/s8460049/article/details/52396399 安装完成后，可以命令行工具中输入 node -v 和 npm -v，如果能显示出版本号，就说明安装成功。 二、安装 vue-cli 安装好了 node，我们可以直接全局安装 vue-cli： npm install -g vue-cli 但是这种安装方式比较慢，推荐使用国内镜像来安装，所以我们先设置 cnpm： npm install -g cnpm --registry=https://registry.npm.taobao.org 如果安装失败，可以使用 npm cache clean 清理缓存，然后再重新安装。后面的安装过程中

一 单文件组件介绍 二 如何安装Vue-Cli3脚手架 三 快速原型开发 四 vue-cli3生成项目 五 购物车项目搭建 六 购物车项目操作 七 Mock模拟数据 八 Vue中使用第三方组件（element-ui） 九 Element的表单组件分析 十 表单组件设计-Input实现双向数据绑定 十一 表单组件-设计FormItem组件 十二 表单组件设计-如何正确设计表单校验规则 十三 表单组件设计-Form组件检验方法完结 一 单文件组件介绍 /* * 在vue中 把.vue的文件称为 单文件组件 webpack等构建工具 * * 很多项目中使用 * Vue.components('组件名'，{}) * new Vue({}) * 用在中小规模的项目中 会很好 但是大型的项目 就不友好了 * * 有哪些缺点 * 1. 全局定义 每个名字都不能重复 * 2. 字符串模板【还好的是es6提供了模板字符串】遇见特殊的符号时 要用 反斜杠来转义 很繁琐 * 3. 不支持css * 4. 没有构建步骤 * * * 以后的模块化开发 包括了 template style script * */ 二 如何安装Vue-Cli3脚手架 ① 安装node.js 　　 https://nodejs.org/en/download/ 　　保证Node.js 是8.9或者更高的版本 　　在终端 node

　　问题描述 ：npm run dev 没报错。是可以正常运行的， 　　　　　　　npm run build 过程也没报错， 　　　　　　　 但是打开dist index.html 就报错了 　　 错误内容： 　　 　　 　　 　　 　　　 解决方法： 　　　　　　　　1. npm run build 改成 cnpm run build 　　　　　　　　2. 　　　　　　　　　　 　　　　　　　　　　 这个地方加个点。 　　　ps:是不是很简单，具体是什么原因，我也不清楚，但是浪费了我好几天时间，好气(｀ﾍ´)=3 来源： oschina 链接： https://my.oschina.net/u/4358820/blog/3907515

1.临时使用 npm --registry https://registry .npm .taobao .org install express 2.持久使用 npm config set registry https://registry .npm .taobao .org 配置后可通过下面方式来验证是否成功 npm config get registry 或 npm info express 3.通过cnpm使用 npm install -g cnpm --registry=https://registry .npm .taobao .org 来源： oschina 链接： https://my.oschina.net/u/4284451/blog/3934785

通过自己所学的这段时间，利用空余时间，使用vue3.0脚手架搭建的一个关于后台的管理模板，所实现功能也是模仿一个后台的界面，数据分为两种存放，一种是直接存储到mlab,这里的数据是存放这登录注册，只有注册了自己的账号才能访问到页面，另一些数据直接存放在easy-mock里， 源码地址: https://github.com/MrZHLF/vue-admin 自己需要搭建vue3.0的脚手架，在这里就不用讲关于vue3.0的脚手架怎么搭建。vue3.0脚手架需要node版本10以上，这样的话，可以使用nvm来管理自己的node版本，直接通过官网 https://github.com/coreybutler/nvm-windows/releases 。通过下载包进行安装，然后环境配置就可以使用了 比例安装 nvm install 10.10.0 node10的版本和 nvm install 10.14.2两个版本 当我们切换的是可以使用 nvm use 10.10.0，这样就切换到10.10.0的版本了 一写登录注册的数据，是使用node+mongodb去完成编写的，登录注册的数据存放到mlab里面 效果展示 相关技术 　　1.使用vue3.0最新脚手架搭建环境 　　2.axios:数据请求 　　3.element-ui:基于vuejs2.0的ui组件库。 　　4.vuex:是一个专为

零， npm是nodeJS的包管理器，下载nodeJS后会自动安装好npm. 一，windows下安装 nodeJS并配置(以及angular安装相关问题) 1， 下载安装 https://nodejs.org/en/download/ 安装路径为 D:\nodejs 2，将 D:\nodejs ① 配置到环境变量 Path中。然后打开cmd输入 node -v 和 npm -v 检查安装是否成功. 3，默认的安装下，npm的本地仓库建立在了C盘：C:\Users\admin\AppData\Roaming，现在将其移动至 nodeJS的安装目录：D:\nodejs 4.1，运行如下命令可以将仓库地址移至D盘 npm config set prefix "D:\nodejs\node_global" //这里配置的全局模块存储位置 npm config set cache "D:\nodejs\node_cache" //这里配置cache路径 4.2，这个步骤也可以通过如下方式：打开 D:\nodejs\node_modules\npm\npmrc文件，配置如下路径： prefix=D:\nodejs\node_global //这里配置的全局模块存储位置 cache=D:\nodejs\node_cache //这里配置cache路径 注意，这个是直接在文件里添加的，如果使用4

stylus是css开发辅助工具，类似lLess和Sass,安装成功后的使用如下图所示 使用的时候要特别注意缩进，因为缩进是页面dom的父子关系或者兄弟关系的体现，如图font-size:0.4rem可以理解为.header类下的.header-left类下的.text-align类 的font-size为0.4rem。而且较平常使用的css相比可以不写{}和属性后的；。这样代码更简洁易读，同样stylus也可以像Less、Sass一样使用变量 一、安装 通过终端打开项目所在的文件夹，使用 cnpm的前提是安装了淘宝镜像，否则使用npm , 1、安装 stylus ，输入命令： cnpm install stylus --save 2、安装stylus-loader,输入命令 ： cnpm install stylus-loader --save 3、启动项目，输入命令： npm run dev 二、引入 在要使用的文件style标签下面引入stylus 输入：@ import '~styles/varibles.styl' 至此，stylus的安装和使用已经完成。 来源： oschina 链接： https://my.oschina.net/u/4264283/blog/3406920

安装saas cnpm install node-sass @latest 前端打包：npm run build:prod 来源： oschina 链接： https://my.oschina.net/u/3631797/blog/4259672

修改NPM全局模式默认安装路径和npm镜像源如何设置 ================================================ 一 、修改NPM全局模式默认安装路径的步骤 第一步执行 npm config ls ：查看npm当前默认路径 一般会在（c盘） 第二步 在要更改的目录下新建两个文件夹，分别是：node_global_modules 和 node_cach 如图 第三步打开命令提示符，执行下面两条命令： "npm config set prefix "D:\Node.JS\node_global" "npm config set cache "D:\Node.JS\node_cache" 注：执行后没有没任何信息 出错会报错 如图 执行成功后，可以用 npm config ls 命令查看配置的结果，效果如图： 第四步最重要 验证配置成功后，需要***配置环境变量*** 如图： 第五步检查 是否修改成功 安装全局cnpm 执行 npm install -g cnpm --registry = https://registry.npm.taobao.org （国内淘宝镜像） 执行完后在node_goldal文件中会出现cnpm的相关文件。 结果如图： 二、npm镜像源如何设置 方法/步骤 按win+r, 输入cmd,打开dos命令。 输入 npm get