01vue实战开发之vue-cli

本地环境说明windows7 64位操作系统

1.vue-cli是什么

   vue-cli是vue的脚手架工具

2.安装vue-cli

 前提条件:

 2.1.1安装nodejs运行环境,

 2.1.2安装npm包管理工具---》查看node版本---》node -v

01vue实战开发之vue-cli

2.1.1开始安装---》npm install -g vue-cli      (-g表示全局安装)

01vue实战开发之vue-cli

2.1.2查看是否安装成功---》在cmd中输入vue -V 查看版本

01vue实战开发之vue-cli

3使用vue-cli创建工程

3.1基本使用

>>   vue init webpack projectName  (前提条件安装webpack)

01vue实战开发之vue-cli

输入命令后一直按回车键就可以了

3.2运行测试

进入projectName 目录下,

01vue实战开发之vue-cli

输入npm rundev

01vue实战开发之vue-cli

打开浏览器

输入url地址:

01vue实战开发之vue-cli

01vue实战开发之vue-cli