CNPM

Taro 环境安装 Taro是一个前端小程序框架，通过这个框架写一套代码，再通过 Taro 的编译工具，就可以将源代码分别编译出可以在不同端（微信/百度/支付宝/字节跳动小程序、H5、React-Native 等）运行的代码，[Taro官网](https://nervjs.github.io/taro/docs/README.html) 环境搭建： 1、先查看Node版本，确认安装最新版本 node -v 2、安装 npm config set registry http://registry.npm.taobao.org/ npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/ cnpm install -g @tarojs/cli 第一个命令是使用npm的淘宝镜像， 第二个命令是配置node-sass为淘宝镜像 第三个命令是使用cnpm全局安装taro，将会生成一个taro 命令。taro-cli 包位于 Taro 工程的 packages 目录下，主要负责项目初始化、编译、构建等 安装完成之后通过如下命令查看taro是否安装完毕 taro -V 项目搭建 通过如下命令搭建项目 taro init taro-learning-pro 3、安装一些依赖 npm install tslint

1. webpack介绍，可参考 Webpack中文文档 2. 安装webpack之前先需要安装npm，可参看 NPM的使用介绍 3. 安装webpack，可参考 Webpack入门教程 =========================================================== 以下我具体说一下我安装的过程，及在此过程遇到的一些问题与解决办法 1. 先确认node及npm是否安装 可以通过 node --version 及 npm --version 命令确认 如下表示node和npm已经安装了，否则会报错，node或npm命令不存在，此时先安装node或npm命令，参考文章头部给出的参考链接 2. 进入目录文件夹test，没有的话，执行 mkdir test 创建test文件夹（test为用来打包的项目文件夹） 3. 安装webpack 执行 cnpm install webpack -g ，-g表示全局安装 以下显示表示成功安装 4. 在test目录下创建index.js文件 // index.js console.log('Hello World!') 5. 执行 webpack index.js a. 执行此命令可能会报如下错误： One CLI for webpack must be installed. These are

npm: 基于node.js的包管理工具; 　　常用命令 npm install 包名; 　　缺点:因服务器在国外,所以下载包的速度超级慢,所以出现了cnpm和yarn cnpm: 跟npm是一样的,这是淘宝出的下载工具,服务器在国内,所以下载速度npm快很多; 　　　cnpm install 包名 安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org yarn: 有些脚手架不支持cnpm,npm下载速度太慢,所以出现了yarn 下载速度是最快的;yarn相当于npm install 或者(cnpm install) 安装yarn npm install -g yarn yarn --version //测试yarn是否安装成功 yarn global bin 复制yarn的安装路径,然后找到环境变量path粘贴进去 最好安装到下面的path中,为了让用户用 比较npm和yarn npm install yarn npm install --save 包名 yarn add 包名 npm install --save-dev 包名 yarn add 包名 --dev npm install -g 包名 yarn global add 包名 yarn 的全局安装的包和npm安装的包不在一个位置上

背景：全局安装后。报了taro不能识别指令。 解决方案： 建议npm cache verify之后重新下载taro，必须工具优先下载如 yarn>cnpm>npm，有yarn就用yarn下载 # OR 使用 yarn 安装 CLI$ yarn global add @tarojs/cli # OR 安装了 cnpm，使用 cnpm 安装 CLI$ cnpm install -g @tarojs/cli # 使用 npm 安装 CLI$ npm install -g @tarojs/cli 亲测有用 ———————————————————————————————————————————————— 版权归本网站的作者所有，转载请注明出处，谢谢大家。 原文出处：https://www.cnblogs.com/xuLessReigns/p/11224247.html 来源： oschina 链接： https://my.oschina.net/u/4263294/blog/3258519

NPM是什么？ 简单的说，npm就是JavaScript的包管理工具。类似Java语法中的maven，gradle，python中的pip。 安装 傻瓜式的安装。 第一步：打开 https://nodejs.org/en/ 第二步： 第三步：我们为了统一版本，虽然node.js更新到了8.11.1的版本，但对于我个人而言，还是比较喜欢6.10.*版本的。 第四步： 第五步：点点点。为了避免环境变量出现额外的问题，winodows用户将nodejs统一安装在c盘中，mac电脑直接安装。 npm是和Nodejs一起并存的，只要安装了Nodejs，npm也安装好了，安装好Nodejs之后。打开终端，执行如下命令，检查是否安装成功 但是由于npm自身的更新频率比Node.js高很多，所以通过上面安装的npm可能不是最新版本，可以通过下面的命令单独更新npm。在这里不简易大家更新了。 针对mac电脑的用户，如果执行 会出现如下错误； 解决方案：只需要 ok，到目前为止，我们的软件都安装好了。 既然我们知道npm它能够管理我们的包，也就是我们所谓的模块。 那么，比如在之前我们使用到的jquery框架，bootstrap框架。都可以使用npm去下载了。 安装包 我们在桌面上创建一个文件夹/01-studyNpm。 注意：千万不要起名成：node、npm这样的文件夹，以免与系统软件产生不必要的冲突

前言 vue-cli是Vue官方提供的命令行工具，可用于快速搭建大型单页应用。集成了webpack环境及主要依赖，对于项目的搭建、打包、维护管理等都非常方便快捷。建议先熟悉 Vue 本身之后再研究 CLI。 使用之前需要对 Node.js 和相关构建工具有一定程度的了解。 安装 先决条件：Node.js（> = 4.x，6.x首选），npm版本3+和Git。 注：建议将 npm 的注册表源设置为国内的镜像，可以大幅提升安装速度。 npm config set registry https://registry.npm.taobao.org //更换国内淘宝的镜像 注意：安装完后最好查看其版本号cnpm -v或关闭命令提示符重新打开，安装完直接使用有可能会出现错误； cnpm跟npm用法完全一致，只是在执行命令时将npm改为cnpm（以下操作将以cnpm代替npm）。 全局安装vue-cli npm install -g vue-cli 创建项目 了解官方模板 Vue官方为我们提供了几种模板，方便我们进行快速开发。根据需要选择适合自己的模板。 当前可用的模板包括： webpack - 一个全功能的Webpack + vue-loader设置，具有热重新加载，linting，测试和css提取。 webpack-simple - 一个简单的Webpack + vue-loader设置

node.js下载地址： http://nodejs.cn/download/ 安装步骤：以node-v14.1.0-linux-x64.tar.xz为例 #安装node和npm cd /usr/local/src wget https://npm.taobao.org/mirrors/node/v14.1.0/node-v14.1.0-linux-x64.tar.xz tar xf node-v14.1.0-linux-x64.tar.xz -C /usr/local cd /usr/local && ln -s node-v14.1.0-linux-x64 nodejs #配置环境变量（在/etc/profile添加） vim /etc/profile export PATH=${PATH}:/usr/local/nodejs/bin/ #安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 来源： oschina 链接： https://my.oschina.net/u/4267086/blog/4269250

安装参照博客： https://blog.csdn.net/CCIEJohn_zhou/article/details/89043500 使用：管理员身份打开cmd ，进入项目后，输入：cnpm run dev 然后就可以在 IE 中输入 localhost:/8080 弹出 创建项目： vue init webpack 项目名 注意在 D 盘中写入命令 我们还少一个文件夹：nodo_modules,这个文件夹是整个项目依赖包的文件夹。 第一步：cd demo222进入demo222的项目（必须进入项目里才能安装啊!!） 第二步：cnpm install (此处可以用cnpm代替npm,因为安装了阿里的镜像) --运行Vue项目 cnpm run dev 来源： oschina 链接： https://my.oschina.net/u/3973793/blog/4268573

安装yarn npm install -g yarn --registry=https://registry.npm.taobao.org ln -s /usr/local/nodejs/bin/yarn /usr/local/bin 获取配置 # yarn config get registry https://registry.yarnpkg.com 设置配置 # yarn config set registry https://registry.npm.taobao.org -g yarn config v1.22.4 success Set "registry" to "https://registry.npm.taobao.org". Done in 0.03s. # yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g yarn config v1.22.4 success Set "sass_binary_site" to "http://cdn.npm.taobao.org/dist/node-sass". Done in 0.03s. 安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao

部署各vue项目，走了一遍坑。。。。 vue单页面应用刷新404 　　找到nginx多网站配置文件：类似nginx/sites-available/www.baidu.com server { listen 80 ; index index.html index.htm index.nginx - debian.html; server_name www.baidu.com; location / { root /mnt/www/ www.baidu.com; 　　 try_files $uri $uri / / index.html; } } 参考页面：https://router.vuejs.org/zh-cn/essentials/history-mode.html cnpm run build 文件过大 　　打包生成文件： 　　 　　浏览器访问效果： 　　 Nginx开启gzip 　　找到nginx.config。关于gzip压缩代码： http { 　　gzip on; #开启或关闭gzip on off 　　gzip_disable " msie6 " ; #不使用gzip IE6 　　gzip_min_length 100k; #gzip压缩最小文件大小，超出进行压缩（自行调节） 　　gzip_buffers 4 16k; #buffer 不用修改 　　gzip