## 一、基于vue-cli快速创建项目 可以在操作系统的cmd命令行环境中执行，也可以在VSCode的集成终端中执行； 1、创建新项目： ``` vue init webpack rayvue ```  或  完成之后，一个基本的 vue项目就搭建完了，其中main.js就是入口；  2、运行项目： ``` npm run dev ```   浏览器里输入:http://localhost:8080，即可看到效果了；  3、项目打包发布上线 ``` npm run build ```     完成之后，项目文件夹中会出现一个**dist**文件夹，里面就是打包之后的内容，直接拷贝到web服务器部署即可； ## 二、典型项目结构  1、index.html 主页，项目入口，运行的时候，首先访问这个文件； 2、main.js 入口文件 3、App.vue 根组件 在项目运行中，main.js作为项目的入口文件，运行中，找到其实例需要挂载的位置，即index.html中，刚开始，index.html的挂载点处的内容会被显示，但是随后就被实例中的组件中的模板中的内容所取代，所以我们会看到有那么一瞬间会显示出index.html中正文的内容。