## 一、基于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中正文的內容。