Vue的Windows环境搭建（Nodejs安装）

 

1、NodeJs的Windows安装

1)、下载安装包

    下载Nodejs安装包，地址为：https://nodejs.org/en/download/， 在页面中点击下载对应的操作系统，windows的推荐下载Windows Installer (.msi)。为了方便，百度云盘地址为：https://pan.baidu.com/s/1B13U3MlIMDFbbltuS5ZbTQ，密码为：z2yu。页面如下：

2)、安装

  安装msi的时候需要注意的是选择安装模块的时候可以点击Add to PATH(其中包含了Node.js和npm)，如下：

3)、环境变量配置

    1、安装完成后需要设置环境变量：即Path中添加安装地址，如： D:\Java_Software\nodejs

node -v

npm -v

    2、在安装根目录下创建两个文件夹：node-cache、node-global。并且将这两个文件设置为vue的缓存文件夹和全局设置（当安装完国内镜像 cnpm后就在全局文件夹下）。

npm config set cache "D:\Java_Software\nodejs\node-cache"
npm config set prefix "D:\Java_Software\nodejs\node-global"

再把该两个目录添加到环境变量中。

4)、cnpm安装

    安装国内镜像 cnpm（淘宝镜像），为了方便并且快速的下载和构建项目：

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

 

2、vue安装

1)、安装vue客户端

# -global 意思是全局安装 这羊Vue会安装到 安装node 的文件夹下 否则会安装到 当前目录
npm install --global vue-cli

查看安装结果：

vue --version

2)、vue脚手架安装

 

 

server {
        listen       8060;
        server_name  192.168.31.146;
        location  / {
            proxy_pass  http://proxy_8060;
            # proxy_set_header host $host;
        proxy_set_header Host $host:$server_port;
            proxy_set_header X-Forwarded-For $remote_addr;
            client_body_buffer_size   4K;
            proxy_connect_timeout   90;
            proxy_send_timeout   90;
            proxy_read_timeout   90;
            proxy_buffer_size   4K;
            proxy_buffers      4 32K;
            proxy_busy_buffers_size  64K;
            proxy_temp_file_write_size  64K;
    }
}