如何搭建vue-cli项目开发环境及前期准备

1、安装node.js，进入官网下载安装

2、打开npm命令行工具，测试node.js版本，代码：node --version。测试npm版本，代码：npm --version

3、安装vue-cli，代码：npm install --g vue-cli  。测试版本代码：vue --version

4、如果安装成功，可以直接在控制台打出 vue 来检测是否完成安装。
接下来打印

会发现有一些vue支持的模板，我们主要需要用到webpack模板。直接打印出：

会弹出询问

接下来打印：

等待一段时间之后，运行

如果出现 Your application is running here: http://localhost:8080 则代表已完成了Vue脚手架的安装.

5、进入项目列表，设置文件包

6、根文件index.html

7、header.vue子组件在根组件App.vue的展示

8、css样式的展示

9、stylus文件的编写以及引入和使用方法

10、数据请求方式