CNPM

1.在项目目录cmd下运行 npm install -g cnpm --registry=https://registry.npm.taobao.org 2.下载成功后再运行 cnpm install node-sass 两个都下载成功后就可以正常的运行项目了。 如果你遇到了使用 npm 安 装node_modules 总是提示报错：报错: npm resource busy or locked..... 。 可以先删除以前安装的 node_modules : npm cache clean npm install 空格 报错 屏蔽代码 找到 webpack.base.config.js文件注释掉下面的东西！！ var path = require('path') var utils = require('./utils') var config = require('../config') var vueLoaderConfig = require('./vue-loader.conf') function resolve (dir) { return path.join(__dirname, '..', dir) } module.exports = { entry: { app: './src/main.js' }, output: { path: config.build

webpack 中使用图片压缩能极大的减少包的大小，对于前端来说也是一个重要的优化点。当前有很多方法都可以实现，不过既然使用 webpack 那我们就应该再懒一点，一次配置以后就不管了，多好，哈哈哈 这里就推荐使用 image-webpack-loader ，还有像 img-loader 和 imagemin-webpack-plugin 等其实底层调用的借口都是类似的。 image-webpack-loader 使用也很简单只需要配置一个 loader 即可 { test: /\.(png|gif|jpe?g|svg)$/i, exclude:[path.resolve(process.cwd(), 'src/assets/css')], use: [ { loader: 'url-loader', options: { limit: 1024, name: '[hash:8].[ext]', useRelativePath: false, outputPath: function(fileName){ return 'assets/images/'+fileName } } }, { loader:'image-webpack-loader' } ] } 不过呢，再安装的时候确出了毛病。本来在上班的电脑是好的，结果回家后死活都装不了，在install的时候直接卡死，半天不动

参见： Vue2.0 新手入门 — 从环境搭建到发布 1、创建项目 在cmd里输入： cd my_projects\flask_vue vue init webpack frontend ? Project name frontend ? Project description A Vue.js project ? Author ? Vue build standalone ? Install vue-router? Yes ? Use ESLint to lint your code? Yes ? Pick an ESLint preset Standard ? Set up unit tests No ? Setup e2e tests with Nightwatch? No ? Should we run `npm install` for you after the project has been created? (recommended) npm 2、安装依赖 在cmd里 1).输入：cd frontend （项目名），回车，进入到具体项目文件夹 2).输入：cnpm install，回车，等待一小会儿，会发现项目结构里，多了一个 node_modules文件夹，这里面都是项目的依赖文件。 3).输入：cnpm run dev ，回车运行项目 4).输入：cnpm

1. 下载 下载地址： https://nodejs.org/en/download/ 2. 安装 nodejs下载完成之后 双击打开 开始nodejs安装 点击next 勾选复选框，点击 next 修改后目录之后，点击 next 按钮 点击 next 安装完成后点击 finish 说明： 新版的Nodejs已自带npm，安装Nodejs时会一起安装，npm的作用就是对Nodejs依赖的包进行管理，也可以理解为用来安装/卸载Nodejs需要装的东西 3. 测试是否安装成功 安装成功之后进入cmd命令行，然后输入 node -v 测试是否安装成功，出现版本号就表示安装成功 测试npm是否安装成功，由于新版的nodejs已经集成了npm，所以之前安装nodejs的时候npm也连带安装好了。在命令行中输入 npm -v 来测试是否已经成功安装npm，出现版本号就表示成功安装了 4. 环境变量 说明： 这里的环境配置主要配置的是npm安装的全局模块所在的路径，以及缓存cache的路径， 之所以要配置，是因为以后在执行类似： npm install -g (后面的可选参数 -g，g代表global 全局安装的意思) 的安装语句时，会将安装的模块安装到【C:\User\用户名\AppData\Roaming\npm】路径中，占C盘空间。 例如

1.安装git、node环境，到 https://github.com/vuejs/vue-devtools 中下载vue-devtools至本地， 下载好了解压缩vue-devtools-dev包，点击进入vue-devtools-dev文件根目录 2. 在vue-devtools-dev根目录中单击鼠标右键，点击Git Bash Here ，cnpm i 安装依赖 3.修改manifest.json文件： 把"persistent":false改成true 4.编译代码：npm run build（如果这一步错误，请参考 https://blog.csdn.net/yizufengdou/article/details/103985709 https://chrome.zzzmh.cn/index#ext ） 5.扩展Chrome插件，点击Chrome浏览器 > 更多程序 > 拓展程序 找到拓展程序，点击进入这个拓展程序面板，然后把vue-devtools-dev > shells > chrome拖入到此面板中 6.vue-devtools使用： 打开vue项目并运行，在浏览器中按F12，vue是数据驱动的, 这样就能看到对应数据了 来源： oschina 链接： https://my.oschina.net/u/4161514/blog/3169125

npm config set registry https://registry.npm.taobao.org npm install -g cnpm --registry=https://registry.npm.taobao.org 然后就可以使用cnpm install 了 来源： oschina 链接： https://my.oschina.net/xyzuncle/blog/3166426

一、参考文章 https://www.cnblogs.com/jiangwenli/p/7338030.html https://www.jianshu.com/p/13f45e24b1de 二、下载与配置 2.1 node.js安装 下载地址：https://nodejs.org/zh-cn/ 1.下载后直接安装即可，同时安装过程中会自动给添加环境变量； 2.测试，在cmd命令行下，输入以下代码，会显示nodejs版本号； node -v 2.2 NPM 包管理工具配置 采用npm的方式进行安装，部分包的下载地址在国外，受网络影响下载速度或快或慢，也可能下载不来，可以使用2.3的cnpm（淘宝镜像服务器）进行下载。 1.测试，在cmd命令行下，输入以下代码，会显示npm版本号； npm -v 2.配置npm的全局模块的存放路径以及cache的路径，在node根目录下建立node_cache和node_global文件夹。 3.启动cmd，输入以下命令： npm config set prefix "D:\Program Files\Nodejs\node_global" 以及 npm config set cache "D:\Program Files\Nodejs\node_cache" 检测包安装路径，输入以下命令： npm root -g 4.设置环境变量 用户变量，修改

1. node http://nodejs.cn/download/，自带npm包管理工具 2. git： https://git-scm.com/downloads，管理源代码工具 3. cnpm 安装命令：npm i cnpm -g（cnpm自己的命令：cnpm install packname -g，cnpm uninstall packname -g） 4. yarn 安装命令：npm i yarn -g（yarn自己的命令：yarn add packname -g，yarn remove packname -g，yarn global add packname，yarn global remove packname） 5. nrm 安装命令：npm i nrm -g（nrm自己的命令：nrm -lst， nrm use 'xx'） 6. webpack 安装命令：npm i webpack webpack-cli -g，npm i webpack webpack-cli -D，npm install webpack-dev-server -g npm init -y（webpack的项目创建方式） 7. vue-cli npm i @vue/cli -g npm i @vue/cli-service-global -g npm install @vue/cli-init

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 一、NPM 1.NPM是随同NodeJS一起安装的包管理工具。 2.安装 npm install npm -g npm -v 测试是否成功安装 3.使用淘宝镜像(cnpm命令) npm install -g cnpm --registry=https://registry.npm.taobao.org 4.安装模块 npm install <Module Name> 安装好之后，模块包就放在了工程目录下的node_modules目录中，因此在代码中只需要通过 require('express')的方式就可引入，无需指定第三方包路径。 var express = require('Module Name'); 5.全局安装与本地安装 npm install express # 本地安装 npm install express -g # 全局安装 本地安装将安装包放在./node_modules下（运行npm命令时所在的目录）， 可以通过require()来引入本地安装的包。 全局安装将安装包放在/usr/local下或者你node的安装目录， 可以直接在命令行里使用。 6.Package.json主要属性说明 name-包名。 version-包的版本号。 description-包的描述。 homepage

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 安装node以后，觉得npm虽然下载慢一点，但是还能接受，就没有安装cnpm。直达自己从github clone了几个开源程序，发现npm install失败了。报错npm ERR! code ETIMEDOUT npm ERR! errno ETIMEDOUT npm ERR! network request to https://registry.npmjs.org/@nodelib%2ffs.stat , reason: connect ETIMEDOUT 104.16.20.35:443 npm ERR! network This is a problem related to network connectivity. npm ERR! network In most cases you are behind a proxy or have bad network gs. npm ERR! network npm ERR! network If you are behind a proxy, please make sure that the npm ERR! network 'proxy' config is set properly. See: 'npm help config' 错误这么多