VUE环境配置——运行Demo

时间:2022-04-05 08:54:57

如果有Vue的Demo   不知道怎么运行的同学可以看这里

这里只讲Win下面环境配置

一、NodeJs安装
1、下载Windows 安装包(.msi),并安装https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi
2、测试nodejs是否安装成功。(npm -v)
 
二、配置nodejs环境变量
vue-cli脚手架安装
设置淘宝镜像
安装npm,由于npm官网镜像访问太慢,我们使用淘宝的npm镜像,在node命令窗口
npm install -g cnpm --registry=https://registry.npm.taobao.org
 
接下来就是重点了 安装vue-cli
cnpm install vue-cli -g
 
三、cd 进入到我们得到的项目跟目录下,如E:\VueDemo,并执行安装。cnpm install
 
四、接下来执行 npm run dev
 
这时候会出现  Lisening at http://localhost:8088       会自动打开浏览器预览项目                成功!~~~~~~~~~~~~