node.js +vue 安装配置

一.

node下载: https://nodejs.org/zh-cn/download/
node.js +vue 安装配置选择符合电脑的选项下载, 下载到本地以后打开傻瓜式安装, 目录随意

二,

安装好以后, 找到文件夹; 创建一下两个文件:
node.js +vue 安装配置
然后设置环境变量:
1, 设置用户变量
在用户变量Path中添加自己的node_global文件夹所在的路径,我的是D:\node\node_global
node.js +vue 安装配置

  1. 设置系统变量
    添加变量NODE_PATH,根据自己node_modules文件夹路径修改, 我的值为D:\node\node_global\node_modules.
    node.js +vue 安装配置
    node.js +vue 安装配置
    三.
    打开cmd窗口执行
    注意:下面两个填写自己文件路径.
    实例:
    1, npm config set prefix “D:\node\node_global”
    2, npm config set cache “D:\node\node_cache”
    1, 用途:
    本地安装:npm install express 会安装到当前项目
    全局安装:npm install express -g 会安装到指定的目录(node_global)
    2: 用途:
    node缓存和日志;

四,
接下来就可以在命令行测试安装是否成功:
node -v — 返回版本号
npm-v — 返回版本号

五.
安装vue.
第一:.安装淘宝镜像。cmd命令输入:
npm install -g cnpm --registry=https://registry.npm.taobao.org,回车,等待安装…====安装成功接下里就可以使用cnpm安装了, 不然很慢(接下来的安装都可以把npm替换为cnpm)
第二.安装express(选择安装)。npm install -g express
4.安装webpack 。npm install -g webpack
5.安装vue。npm install vue (注意: 此处已经不是全局安装了, 会安装在当前目录)
6.安装vue-cli。npm install -g vue-cli

7, 到此安装成功:
查看版本号node.js +vue 安装配置
, 然后到命令行执行:
vue init webpack XXX = [projectname => 项目文件夹名称]
输入过一会会需要几个确认, 按提示进行即可;
node.js +vue 安装配置
执行完就安装成功了;

如果哪里不对请多多指定.谢谢