1、什么vue-cli
vue-cli是vue.js的脚手架,用于自动生成vue.js工程模板的.
步骤：
2.安装
->全局安装
npm install vue-cli -g
或者
cnpm install vue-cli -g
->查看是否安装成功
vue -V(大写的V)
3.使用
->生成项目名是wsw的模板
vue init webpack wsw
->进入项目并安装依赖
cd wsw
cnpm install
->运行
npm run dev
4、vue目录结构
目录解析
| 目录/文件 | 说明 |
|---|---|
| build | 最终发布的代码存放位置。 |
| config | 配置目录，包括端口号等。我们初学可以使用默认的。 |
| node_modules | npm 加载的项目依赖模块 |
| src |
这里是我们要开发的目录，基本上要做的事情都在这个目录里。里面包含了几个目录及文件：
|
| static | 静态资源目录，如图片、字体等。 |
| test | 初始测试目录，可删除 |
| .xxxx文件 | 这些是一些配置文件，包括语法配置，git配置等。 |
| index.html | 首页入口文件，你可以添加一些 meta 信息或同统计代码啥的。 |
| package.json | 项目配置文件。 |
| README.md | 项目的说明文档，markdown 格式 |
重新打开页面 http://localhost:8080/，一般修改后会自动刷新，显示效果如下所示:
