node.js、npm、cnpm、vue.js 安装 - windows版本

Node.js 安装

访问官网下载nodejs的安装包(直接国内镜像访问即可)

官网下载链接：下载 | Node.js 中文网

windows根据电脑系统版本下载对应的 msi 格式安装包，双击安装即可

安装没有太多要注意的事项(注意记一下安装路径，下面的内容会用上)，傻瓜式一键下一步(next)即可。

安装好后可以检查一下版本， windows + R => cmd => 调出DOS窗口后输入

node -v

出现对应的版本号为安装成功！

npm 安装

• Step1：找到上一步 nodejs安装路径，譬如我的 nodejs 安装路径就是  D:\Development\nodejs

• Step2：:配置npm的全局模块的存放路径、cache的路径

npm config set prefix "D:\Development\nodejs\node_global"
npm config set cache "D:\Development\nodejs\node_cache"

输入完命令后，在对应的目录内会生成对应的空文件夹，如果只生成了一个，可以手动把另一个补上

• Step3：在环境变量中创建新的环境变量

  • 右击此电脑 => 属性 => 高级系统设置 => 环境变量 => 在系统变量内新建环境变量，路径地址为 nodejs安装目录下 【mode_global\node_modules】

再追加一条环境变量，【系统变量】内找到【Path】，双击后方的值可以打开所有环境变量页面，可以选择新建添加环境变量，也可以直接双击下方空白处新增一条环境变量，变量的值为nodejs安装目录下方的【node_global】文件夹 

• Step4：在配置好环境变量后，输入命令安装express

npm install express -g

下载安装完成后可以在【node_global > node_modules】文件夹下看到【express】文件夹

在命令行进入node的编辑页面，检验是否可以正常加载模块；如果出现报错现象，请检查 【NODE_PATH】路径是否正确

node
require('express')

出现上图内容，则证明可以正常加载

cnpm 安装

• Step1：配置cnpm淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

• Step2：输入命令检测版本

cnpm -v

如果这一步出现错误，请检查【Path】环境变量内是否添加【node_global】

如果仍旧出现错误，提示【cnpm 无法加载文件……】等信息，则需要:

1.以管理员身份运行：Wins+X，然后点击A，即可打开power shell，即管理员身份的命令窗口

2.输入：set-ExecutionPolicy RemoteSigned，然后输入A即可

set-ExecutionPolicy RemoteSigned

vue.js 安装

输入命令安装  vuejs 

cnpm install vue

全局安装 vue-cli

cnpm install --global vue-cli

查看Vue版本 (注意：V需要大写)

vue -V

简单创建一个基于 webpack 模板的新项目vue项目，测试vue能否正常使用

vue init webpack my-project

会进行一些配置，默认回车即可

cd my-project
cnpm install
cnpm run dev

启动项目后在地址栏输入 localhost:8080 或者 127.0.0.1:8080  后回车，看到 Vue 图标后证明项目成功!

注: 有侵权或其他疑问请联系我: QQ:246669289