预备

先看看这几个是干嘛的,相互的关系是啥。

nodejs是语言,类比到php。

npm是个包管理,类比到composer。

vue是个框架,类比到laravel。

webpack是个打包工具。

先下载nodejs

不会有人不知道下载地址吧,不会吧不会吧。

不会就去百度吧。。。

这里先默认你已经下载安装好了。

【前端工具】nodejs+npm+vue 安装(windows)_composer

配置一下

配置镜像站
npm config set registry=http://registry.npm.taobao.org
配置目录到D盘
npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"
增加环境变量
NODE_PATH 内容是:D:\nodejs\node_global\node_modules


安装vue

npm install vue -g
-g是指安装到global全局目录去
npm install vue-router -g
npm install vue-cli -g
path环境变量添加D:\nodejs\node_global


测试一下,注意V是大写

【前端工具】nodejs+npm+vue 安装(windows)_下载安装_02

创建项目

vue init webpack vueTest


【前端工具】nodejs+npm+vue 安装(windows)_下载安装_03

npm run build


【前端工具】nodejs+npm+vue 安装(windows)_环境变量_04