CNPM

原文地址： https://www.wjcms.net/archives/nodejsnpm%E5%8D%87%E7%BA%A7%E6%AD%A3%E7%A1%AE%E6%93%8D%E4%BD%9Cwindows%E5%92%8Clinux%E5%9D%87%E6%9C%89 今天我们总结一下node.js以及npm升级的正确操作方法。 小编亲身经历可以用以下几步解决node版本问题及跳过的坑，解决问题请给个关注，点下赞！ 安装就比较简单，这里不做演示，附上官方地址： https://nodejs.org/zh-cn/ 一般情况下我们会选择先更新node，然后再跟新npm windows系统下更新 大家可能在网上找一些教程，但是会报错 Git BASH (MSYS) is not supported by n Error: no version found for 'latest' 是因为，n模块不支持windows. 所以只能到官网下载最新版，然后安装即可。 官方网站： https://nodejs.org/zh-cn/ 注意，这里查看一下环境变量，覆盖安装到之前的路径。 具体步骤为： 我的电脑--右键--属性--高级--环境变量 然后查看path 找到nodejs的路径，安装的时候选中这路径覆盖安装即可。 linux系统下下更新 先运行 npm install n -g

vue项目启动出现cannot GET /服务错误 查看控制台 是一些sass相关库没安装成功 进行下面操作进行安装，再次启动，完美解决！ 一、首先说明sass和scss的区别。 1、异同：1）简言之可以理解scss是sass的一个升级版本，完全兼容sass之前的功能，又有了些新增能力。语法形式上有些许不同，最主要的就是sass是靠缩进表示嵌套关系，scss是花括号 　　　　　2）文件扩展名不同，Sass 是以“.sass”后缀为扩展名，而 SCSS 是以“.scss”后缀为扩展名 　　　　　3）语法书写方式不同，Sass 是以严格的缩进式语法规则来书写，不带大括号({})和分号(;)，而 SCSS 的语法书写和我们的 CSS 语法书写方式非常类似。 //sass .father width:100px; .son width:50px; //scss .father{ width:100px; .son{ width:50px; } } 2、 scss功能很强大的样子，能做运算、写函数啥的，但是我只是作为语法糖用而已，只看了些基础功能 我个人常用的功能有： 嵌套 变量 $color : #111111; 混入 @mixin 继承 @extend 3、一个关于@mixin、@extend、%placeholder的适用场景总结 mixin 可以传变量 extend 不可以传变量

https://www.jianshu.com/p/35c85b10cade 说到底还是es6闹得，ie浏览器不支持es6 实际碰到的问题分两步才解决 1. 直接打开是空白页：让ie支持vue 解决方式：安装 "babel-polyfill" 即可。 命令：cnpm install --save-dev babel-polyfill //我用的是淘宝镜像，所以是cnpm，如果你没有安装使用npm 即可。 在入口main.js文件引入：import 'babel-polyfill' 最后一步，在build文件夹下找到webpack.base.conf.js. 将第10行的内容替换一下即可。 https://blog.csdn.net/weixin_44093149/article/details/99569736 使用vue-cli3创建的项目，在谷歌浏览器运行没有问题，但在火狐浏览器、ie浏览器和edge浏览器上运行都会报错（就测试了这几个浏览器，其它的没测），具体报错内容如下： // 火狐浏览器 报错如下 "载入页面时与 ws://localhost:8080/sockjs-node/631/u0rsdsy0/websocket 的连接中断" // ie浏览器 报以下错误 SCRIPT5022: SecurityError sockjs.js ( 1683,3 ) //

Electron整合React使用搭建开发环境 博客说明 文章所涉及的资料来自互联网整理和个人总结，意在于个人学习和经验汇总，如有什么地方侵权，请联系本人删除，谢谢！ 简介 用于构建用户界面的 JavaScript 库 步骤 首先创建React npx create-react-app doc 进入到doc项目 cd doc 安装electron npm install electron --save-dev 安装依赖 判断是否为生产环境 cnpm install electron-is-dev --save-dev 在项目根目录创建main.js const { app ,BrowserWindow } = require('electron') const isDev = require('electron-is-dev') let mainWindow; app.on('ready', () => { mainWindow = new BrowserWindow({ width: 1024, height: 680, webPreferences:{ nodeIntegration: true, } }) const urlLocation = isDev ? 'http://localhost:3000' : 'dummyurl' mainWindow.loadURL

visual studio code格式化之前，符合eslint < template > < div > 动态列表 </ div > </ template > < script type = "text/javascript" > export default { name: 'DynamicList' , components: {}, data () { return { name: false } }, created () {}, mounted () {}, methods: {} } </ script > < style lang = "less" scoped > </ style > visual studio code格式化后，不符合eslint，当cnpm run dev,会被eslint检查出一些语法错误，因此两者冲突了。 < template > < div > 动态列表 </ div > </ template > < script type = "text/javascript" > export default { name: "DynamicList" , components: {}, data () { return { name: false }; }, created () {}, mounted () {}, methods: {}

摘要： 在后台管理系统中，我们经常会遇到图表，比如说：柱形图，饼状图，折线图，雷达图等等，而用来写图表插件有很多，我这里主要介绍Echarts在项目里怎么使用，官网地址如下： https://echarts.baidu.com/index.html ，详细信息请阅览他们的官网文档和实例，各种图表都比较完善。 本文流程： 1.安装插件→2.引入Echarts→3.创建图表→4.修改样式→5.接入数据 一.安装插件 方法一：npm安装Echarts npm install echarts -S 方法二：cnpm安装Echarts 1.首先我们需要安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 2.然后 cnpm install echarts -S 二.引入Echarts 方法一：全局引入 打开 main.js 文件引入Echarts import echarts from 'echarts' 然后将echart添加到vue的原型上，这样就可以全局使用了 Vue.prototype.$echarts = echarts 方法二：局部引入 全局引入会将所有的echarts图表打包，导致体积过大，所以我觉得最好还是按需要来局部引入，比如我们需要引入一个柱状图 // 引入基本模板 let

一 .安装： 1.下载node.js windows： https://nodejs.org/dist/v8.5.0/node-v8.5.0-x64.msi Linux:（解压直接运行) https://nodejs.org/dist/v6.11.3/node-v6.11.3-linux-x64.tar.xz 2. 安装cnpm 镜像 http://npm.taobao.org/ 命令： npm install -g cnpm --registry= https://registry.npm.taobao.org 3.安装yarn yarn与npm一样，都是包管理工具，但是下载速度更快，我们一般都是使用yarn 在cmd中运行 cnpm install -g yarn 3.安装依赖类库 命令： cnpm install | 推荐使用yarn install 4.安装webpack打包工具（注：这个过程中缺少什么包都可以cnpm install ) command：cnpm instal webpack -g 5.启动应用 npm start 二.常规目录结构： ├── assets //存放静态图片 ├── components //存放组件目录 │ └── LineChart //画图组件 ├── models //组件之间调用封装模型 ├── routes //路由组件 │ ├

一、npm 1，概念 　　npm 是 Node.js 官方提供的包管理工具，他已经成了 Node.js 包的标准发布平台，用于 Node.js 包的发布、传播、依赖控制。npm 提供了命令行工具，使你可以方便地下载、安装、升级、删除包，也可以让你作为开发者发布并维护包。 　　npm 之于 Node.js ，就像 Maven之于java，pip 之于 Python， gem 之于 Ruby， pear 之于 PHP 。 2，常用命令 npm install npm@latest -g 自我更新 npm help 查看npm命令列表 npm -l 查看各个命令的简单用法 npm -v 查看npm的版本 npm config list -l 查看npm的配置 npm init -y 初始化项目 npm config set registry http://registry.npm.taobao.org 设置为淘宝镜像源 npm list 列出安装的模块 npm info 查看模块具体信息 npm install/i $module@$version [-global/-g] [--save]/[-S] [--save-dev]/[-D] [-f] 安装包 　　全局安装会安装到node安装目录的node_modules并且安装的模块命令在系统环境变量中，而本地安装只会安装到本项目的node

全局安装 -g： 全局安装的包位于Node.js环境的node_modules目录下，全局安装的包一般用于命令行工具。 本地安装：本地安装的包在当前目录下的node_modules里面，本地安装的包一般用于实际的开发工作。 npm常用的命令： 1.安装包（如果没有指定版本号，那么安装最新版本） 　　npm install -g 包名称（全局安装） 　　npm install包名称（本地安装） 2.安装包的时候可以指定版本 　　npm install -g 包名称@版本号 3.卸载包 　　npm uninstall -g 包名称 4.更新包（更新到最新版本） 　　npm update -g 包名称 开发环境（平时开发使用的环境） 生产环境（项目部署上线之后的服务器环境） --save 向生产环境添加依赖 dependencies --save-dev 向开发环境添加依赖 devDependencies 区别： npm install xxx 安装到项目目录的node_modules文件夹下，但是不会添加任何依赖（依赖写在package.json文件中） npm install xxx -g 全局安装，安装到你安装npm的磁盘目录下 npm install xxx --save 安装到项目目录的node_modules文件夹下，添加到dependencies的依赖下（生产环境中

dependencies指生成环境依赖包，devDependencies指开发环境依赖包。均在项目的package.json中。 区别在于该包是否有用，比如webpack、gulp在生产环境用不到，是在开发环境用的。打包后的代码既是纯的。 jquery等是要在生产环境用的。因为上线的代码也包含jquery代码，是不会被翻译成原生js的，打包好上线之后还需要包支持的。 npm、cnpm、yarn等均是js包管理工具，用于安装项目依赖包 npm是nodejs自带的命令，一般情况下没有问题，不过有一些缺陷。比如国内被墙，安装速度很慢。安装包时可能导致版本不一致，比如版本号上的^和~ cnpm是淘宝的npm镜像，速度会比npm有所提升，用法一样，安装cnpm： npm install -g cnpm --registry=https: // registry.npm.taobao.org yarn是为了解决npm一些缺陷的，比如速度快，解决安装版本号不一致问题。安装yarn： npm install -g yarn 使用yarn： // 初始化项目 yarn init // 添加选定依赖包 yarn add [package] yarn add [package]@[version] yarn add [package]@[tag] // 将依赖项添加到不同依赖项类别中 yarn add