Windows下配置vue的环境

本文详细介绍了在Windows系统中安装Vue.js的过程,包括Node.js的下载与配置、环境变量设置、NPM安装及配置、cnpm配置以及使用Vue CLI和Webpack搭建Vue项目。

最近在学习vue.js,希望前端能用vue来作为主要框架。这里记录一下NPM在Windows中安装过程。

  1. 下载安装
    下载地址
    下载v6.11.0 LTS稳定版。
    在C盘创建nodejs目录,并进行安装,注意安装目录的选择。

  2. 配置。
    安装完成后,。在安装目录新建 node_cache,node_global两个文件夹,
    进入Node.js command prompt命令行,笔者安装目录在C:\nodejs,输入以下命令配置


 
  1. npm config set prefix C:\nodejs\node_global
  2. npm config set cache C:\nodejs\node_cache

在环境变量中增加以下的配置:

  • 在用户变量中覆盖已有的关于nodejs的变量,修改后应该为:
    C:\nodejs\node_global\;C:\nodejs\node_globa\
    之前的应该是:C:\Users\Kejun.He\AppData\Roaming\npm\node_modules
  • 在系统变量中增加变量
    NODE_PATH=C:\nodejs\node_global\node_modules
  • 测试是否安装成功:

 
  1. nodejs -v
  2. npm -v
  1. 配置cnpm

 
  1. npm config delete proxy
  2. npm config set https-proxy null
  3. npm config set strict-ssl false
  4. npm install cnpm -g --registry=https://registry.npm.taobao.org
  1. 测试demo
    安装webpack和vue脚手架

 
  1. npm install webpack -g
  2. npm install vue-cli -g

新建目录myVue,并初始化运行:


 
  1. cd myVue
  2. vue init webpack demo
  3. cd demo
  4. cnpm install
  5. npm run dev

然后输入链接http://127.0.0.1:8080
849997-20170706135034237-859215000.png

转载于:https://www.cnblogs.com/kendrick/p/7125895.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值