项目环境配置和单文件组件

项目环境配置：

1.安装node.js

下载地址：https://nodejs.org/en/download/

配置环境变量：

 

安装参考：https://www.jianshu.com/p/13f45e24b1de

2.安装淘宝镜像

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

配置环境变量：

3.安装vue-cli

• 安装 vue-cli：npm install vue-cli -g（可以自动的构建项目结构和项目目录）（在电脑中只安装一次）
• 安装webpack：npm install webpack -g （在电脑中只安装一次）
• cd 到指定的项目路径中 并且初始化文件夹 npm init
• 创建项目：vue init webpack 项目名 （一路回车，vue-router选y,其他选n）
• 切换到所创建的项目目录下：cd 你创建的项目文件夹
• 安装启动模块：npm install
• 启动项目：npm run dev

修改相关文件：

1. 删除 helloword.vue文件里面的   template里面的内容 并且修改成自己的
2. 必须要做的   把app.vue中 的那个默认的图片删掉 但是注意千万别把router-view删掉 并且把里面的style样式全部删除掉

单文件组件在使用父子组件的时候  ：

目录结构：

1.引用：

2.调用：

3.使用：