CNPM

修改npm的全局安装路径 一般情况下，我们安装Node.js环境，程序会自动把NPM全局模块的路径设置在系统盘（通常是C盘下），我们在项目开发阶段不建议全局路径设置在系统盘，不但会影响电脑的性能，而且还很不安全。可以通过以下命令来设置默认下载的全局路径目录： 1 第一步：输入命令，查看当前的配置 npm config ls 初始运行结果为 2 第二步：输入命令，修改npm默认安装路径 npm config set prefix "D:\nodejs\node_global" 安装路径为自己自己所创的路径 npm config set cache "D:\nodejs\node_cache" 安装路径为自己所创的路径 修改完成后的路径 第三步：检查是否成功，如果成功，要配置环境变量 点击此电脑右键，点开属性 点击高级系统设置，点击环境变量 系统变量，找到path，将D:\nodejs\node_global（自己的文件地址）加入并设置，点击确定，设置完成 第四步：安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 安装完成后在执行一次代码，查看是否设置成功 npm config ls 设置完成 把默认源设置为淘宝镜像的方法 输入以下代码 npm config set registry=https:

1、下载node.js,地址：http://nodejs.cn,安装完成后在cmd中查看是否已安装成功：node -v 2、安装淘宝npm镜像:npm install -g cnpm --registry=https://registry.npm.taobao.org,安装过程中如果发生如下警告信息 npm WARN deprecated socks@1.1.10: If using 2.x branch, please upgrade to at least 2.1.6 to avoid a serious bug with socket data flow and an import issue introduced in 2.1.0 C:\Users\Administrator\AppData\Roaming\npm\cnpm -> C:\Users\Administrator\AppData\Roaming\npm\node_modules\cnpm\bin\cnpm + cnpm@6.0.0 added 679 packages from 898 contributors in 38.097s 可以尝试如下操作： cnpm install cnpm@ 6.0 . 0 使用cnpm -v 命令查看一下是否安装成功，如下图： 3、下面安装vue-cli脚手架，输入命令

一、安装Node.js 1.1 官网进行下载： https://nodejs.org/zh-cn/ （推荐多数人下载的LTS版本） 下载完后，一直Next直到安装完成即可。 1.2 查看是否安装完成 以管理员权限打开控制命令行程序(CMD),输入 node -v 以及 npm -v 检查是否安装成功。下为成功图： 二、安装 使用淘宝 NPM 镜像 2.1 安装镜像 国内使用npm的官方镜像速度很慢，推荐使用淘宝的npm镜像 链接：npm install -g cnpm --registry=https://registry.npm.taobao.org 三、项目构建初始化 3.1安装vue-cli指令：cnpm install vue-cli -g ，安装成功结果图： 3.2 使用 VS CODE 搭建一个项目 首先，选择新建好的文件夹 其次，输入指令 vue init webpack 项目名称；手动创建可以直接按4个回车进行下一步， 其中第一行默认为上面指令赋予的项目名称，第二行为描述，第三行为作者名可为空， 接着都输入n，拒绝自动生成。 3.3 启动项目 指令：cnpm run dev，我这边报错了如下图： run : 无法将“run”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写， d 如果包括路径，请确保路径正确，然后再试一次。 所在位置 行:1

　　由于公司近期有新的H5项目开发，而前端的同事也离职了，所以就临时顶缸，研究学习一下Vue框架开发。 　　本人也是初学，在学习过程中，把一些学习所得分享出来，可能会有很多问题和疏漏，希望大家能够多多指正，共同进步。 一、环境准备 ： 　　1. Node.js：在 nodejs官网 下载最新的安装包，选择安装目录，傻瓜式安装。安装完成后，打开dos命令，输入node -v命令，会显示安装的nodejs版本，表明安装成功。因为默认安装nodejs时，会自动安装npm，在dos命令窗口输入npm -v命令，会显示安装的npm版本。 　　　　 　　2. VScode：直接选择目录，一键安装即可；需要汉化的，在扩展中，搜索Chinese，找到中文简体的插件安装，然后重启即可。 　　 二、环境安装及配置 ： 　　1. 更改配置和缓存目录 　　为方便管理，且减轻系统盘压力（默认会把配置和缓存放到个人文档AppData下），将nodejs的node_global和node_cache转移至nodejs安装目录下。在nodejs安装目录下，创建node_global和node_cache两个文件夹，分别执行如下语句（XXXX指nodejs安装目录） npm config set prefix " XXXX\node_global " npm config set cache " XXXX\node

#vue-cli介绍 vue-cli是一个基于nodeJs、用于快速搭建vue项目的 脚手架。 #vue-cli安装、更新 安装过nodeJs 、cnpm 后，全局安装vue-cli（以后其他项目可直接使用）： npm install -g vue-cli 查看安装成功否 vue -V #vue-cli 使用 安装过webpack 、vue-cli后，可以开始搭建vue项目： vue init webpack <Project Name> # vue init webpack demo #一直回车直到 #是否要安装 vue-router 项目中肯定要使用到 所以 y 回车 #是否需要 js 语法检测 目前我们不需要 所以 n 回车 #是否安装 单元测试工具 目前我们不需要 所以 n 回车 #是否需要 端到端测试工具 目前我们不需要 所以 n 回车 #等待完成 或者 接下来 ctr+c 结束 #进入 cd demo cd demo #执行 npm install npm install #接下来执行 npm run dev npm run dev #默认浏览器会自动打开 #注意：如果您的浏览器是ie9以下的版本，请升级浏览器到最新版本或者下载谷歌浏览器或者火狐浏览器进行预览。在地址栏输入 http://localhost:8080/#/进行访问 来源： oschina 链接：

Vue.js环境搭建-Windows版 步骤一：安装node.js 在搭建vue的开发环境之前，需要先下载node.js，vue的运行是要依赖于node的npm的管理工具来实现，node可以在官网或者中文网里面下载，根据自己的电脑选择是32还是64 ， 网址1： http://nodejs.cn/download/ 网址2： https://nodejs.org/dist/ 为了成员之间统一版本，我们使用的 node-v8.9.1 版本：（安装到自己的自定义目录） 链接：https://pan.baidu.com/s/18N4k1Dxdl2TGbWs9Ayn2yw 提取码：n431 步骤二：安装镜像 由于 npm install安装速度慢，所以本文使用阿里淘宝镜像及其命令 cnpm进行安装，cmd黑窗口输入命令： npm install -g cnpm --registry=https: // registry.npm.taobao.org 步骤三：安装Vue 输入：cnpm install vue ，回车等待终端给出响应。 步骤四：安装全局vue-cli脚手架 输入： cnpm install --global vue-cli,安装全局vue-cli脚手架，用于快速搭建大型单页应用。 步骤五：检查Vue是否安装成功 输入： vue -V检查是否安装成功

1.首先我们去nodejs官网： https://nodejs.org/en/download/ (下载nodejs，下载自己电脑想匹配的最新版本) 2.其次 去下载一个cnpm （注释：淘宝npm镜像，这个是阿里把外国的npm服务器搬到我们中国来了，用淘宝镜像npm下载一些配置文件会更快一些） 操作如下：电脑右下角 window输入cmd， 把 npm install - g cnpm -- registry = https :// registry . npm . taobao . org 复制到cmd里面去就可以拉。（注释：我们用ctrl+C 复制网站，在cmd中鼠标点击右键粘贴就可以复制 npm install - g cnpm -- registry = https :// registry . npm . taobao . org 然后回车键进行安装。 ） 3.安装vue文件 cnpm install i vue -S 4. 安装vue脚手架，关于脚手架问题， 有些兄弟姐妹会发现安装的时候会一直卡着不动，我也遇到过这个问题，最后查资料发现是我安装的vue脚手架版本比较低出现的问题 // 之前我安装的时候是用 cnpm install -g vue/cli 用这个安装的是旧版本的特别伤，我用vue init webpack app的时候，真的卡在一个地方一个晚上

Vue项目环境搭建 1) 安装node 　　官网下载安装包，傻瓜式安装：https://nodejs.org/zh-cn/ 2) 换源安装cnpm 　　>: npm install -g cnpm --registry=https://registry.npm.taobao.org 3) 安装vue项目脚手架 　　>: cnpm install -g @vue/cli 注：2或3终端安装失败时，可以清空 npm缓存 再重复执行失败的步骤 　　npm cache clean --force Vue项目创建 　　1) 进入存放项目的目录　　d: 切换D盘　　cd D:\python_workspace\day66\代码 　　2) 创建项目　　vue create v-proj 　　3) 项目初始化　选择 Manually select features 　　　　默认选择的有Babel Linter / Formatter 在添加Router 和 Vuex 　　　　选择YES 　　　　选择第一个，直接进入 　　　　直接第一个进入 　　　　选择第一个In dedicated config files，第一个自己处理 　　　　选择NOT　 　　加载环境 　　　　选择改变端口号的地方，然后点击左边加号，选择npm，然后在右边Name中填写v-proj,

环境要求 Nodejs Nodejs 官网下载地址：http://nodejs.cn/download/ 具体安装参考其他资料 打开cmd命令行，输入npm -v，如果出现如下图的显示，说明已经安装正确。 如果安装版本比较老，想升级新版本 npm install npm - g 安装 webpack 安装webpack npm install webpack -g -g 表示安装为全局 安装 vue-cli 安装 vue 脚手架项目初始化工具 vue-cli npm install vue-cli -g 淘宝镜像 npm使用的国外中央仓库，下载速度较慢，有的时候还会有部分文件被墙掉。 npm install -g cnpm --registry=https://registry.npm.taobao.org 建议使用淘宝镜像，安装完淘宝镜像以后可以使用 cnpm 代替 npm。例如webpack可使用如下命令： cnpm install webpack -g . 创建Vue项目 vue init webpack +项目名称 运行vue npm run dev 访问localhost:8080 引入ElementUI 打开项目 src\main.js 添加 import ElementUI from 'element-ui' import 'element-ui/lib/theme

安装cnpm镜像 npm install cnpm -g --registry=https://registry.npm.taobao.org 全局安装electron cnpm install -g electron 新建一个index.js 生成一个package文件 cnpm init --yes // --yes表示全部默认设置 nodejs代码提示 npm install --save-dev @types/node 运行electron electron . 下面开始打包： 打包的格式： electron-packager <应用目录> <应用名称> <打包平台> --out <输出目录> <架构> <应用版本> cnpm install electron-packager -g package.json 中 "scripts" 属性配置如下： "start": "electron .", "package": "electron-packager . 3dmax --win --out ../HelloWorldApp --arch=x64 --electron-version=11.0.3" 经过上面步骤后，输入如下命令： 在终端控制台上运行， npm run-script package 打包结果： 如果更换打包后应用图标： 这里要注意，图标格式必须是ico格式的