vuejs环境搭建及创建第一个项目

一、vuejs环境搭建

vuejs的运行是基于node和git的所以在安装Vuejs时要先安装着两个软件才能成功安装vuejs。

1、node安装

在node官网下载node安装软件,下载完成后软件如下 ,双击安装软件,安装完成后打开cmd,运行node -v验证是否成功安装

vuejs环境搭建及创建第一个项目_第1张图片

2、安装淘宝镜像

这里由于npm在国内镜像安装缓慢,建议使用淘宝镜像,以后用到npm的滴地方就用cnpm代替就行了

在cmd命令框运行命令:

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装完成后检验是否安装完成,运行cnpm -v查看版本

vuejs环境搭建及创建第一个项目_第2张图片

全局安装vue-cli

cnpm install -g vue-cli

到这里vuejs环境就已经搭建好了

二、vuejs项目创建

创建一个机遇webpack的项目

打开cmd命令窗口,下载模板

vuejs环境搭建及创建第一个项目_第3张图片

等上一段时间,在你的目录下会出现一个新建好的项目,

vuejs环境搭建及创建第一个项目_第4张图片

根据提示启动刚新建好的项目。

你可能感兴趣的:(vuejs2.0)