vue使用第一天（windows环境搭建）

简单的学习vue

一.首先安装node.js

建议大家直接查看（https://www.runoob.com/nodejs/nodejs-install-setup.html
）node.js的安装配置
安装成功后在dos中输入node -v 查看是否安装成功

image.png

【如果输入node -v 显示不正确，在环境变量path中把你的node安装路径添加进去】

二.nodejs 配置全局 globle 缓存 catch

在安装目录下新建 node_global 和 node_cache两个文件

image.png

然后dos中输入

//设置缓存路径
npm config set cache "E:\Program Files\nodejs\node_cache"
//设置全局模块存放路径
npm config set prefix "E:\Program Files\nodejs\node_global"

在环境变量path中添加全局globle路径

image.png

三.安装cnpm(基于淘宝镜像)

npm install -g cnpm --registry=https://registry.npm.taobao.org
等待安装完成

四.安装Vue

cnpm install vue -g

五.安装vue命令行工具，也就是vue-cli 脚手架

cnpm install -g vue-cli
回车等待安装完成

六.新建vue项目

1.新建一个项目文件夹myVue,然后在dos中cd到此文件夹路径下，输入命令vue init webpack vue-demo,初始化项目文件夹
2.cd 到myVue路径下执行执行cnmp install命令，安装插件完成后文件夹下会新增一个node_modules文件夹

image.png

3.然后执行cnpm run dev命令,完成后dos窗口显示

image.png

然后在浏览器中输入后

image.png

这些都完成后恭喜你环境安装成功，vue可以愉快的玩耍啦！