vuejs环境搭建(windows)

vuejs安装——开发环境的搭建
一、安装node
1.在node官网下载node安装包:https://nodejs.org/en/download/
这里下载zip文件,将下载的zip解压到任意目录:这里以本机:D:\modelOperator\nodejs为例。
这里写图片描述
2.配置环境变量
在所在安装目录下新建两个文件夹node-cache、node-global(这两个文件夹是用来放npm全局模块的安装目录,也可以放到其他地方。),如下所示
这里写图片描述
新建一个系统变量
变量名:NODE_HOME
变量值(你的安装目录):D:\modelOperator\nodejs
编辑Path变量,新增两个条目
%NODE_HOME%
%NODE_HOME%\node-global
3.测试是否安装成功
启动cmd,输入配置:
(修改npm默认配置,Nodejs 内置的npm默认会把模块安装在c盘的目录下:C:\Program Files\nodejs\node_modules,C盘内存受限问题建议修改)

①npm config set prefix"D:\modelOperator\nodejs\node_global"
②npm config set cache"D:\modelOperator\nodejs\node_cache"
在cmd中输入node -v和npm -v命令进行测试。

若输入npm命令一直报错:Error: EINVAL: invalid argument, mkdir ‘C:\Users\86156’;则需要修改你的C:\Users\86156.npmrc(路径不同,需找到你自己的.npmrc,从错误根源出发,手动更改设置npm的cache和predix)
prefix=D:\modelOperator\nodejs\node-global
cache=D:\modelOperator\nodejs\node-cache

二、升级npm
因为npm命令下载资源是国外的,运行速度较为缓慢,可考虑用国内的淘宝镜像,将npm命令替换成cnpm,提高运行速度。
可在网页中查看教程:https://www.runoob.com/nodejs/nodejs-npm.html#taobaonpm
步骤:安装node.js成功后,打开cmd,输入命令“ npm install -g cnpm --registry=https://registry.npm.taobao.org”,即可。
三、搭建vue的开发环境
步骤如下:
1.必须要先安装node.js
2.搭建vue开发环境,安装vue的脚手架工具(vue-cli)
打开cmd,输入:“npm install --global vue-cli”或者“cnpm install --global vue-cli”,推荐使用cnpm方式,如下图所示。
在这里插入图片描述
3.创建项目
注意:在cmd命令中创建项目,必须先cd到项目对应的一个目录里,以方便对项目进行管理。
创建项目的第一种方式

创建项目的第二种方式

展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客
应支付0元
点击重新获取
扫码支付

支付成功即可阅读