在搭建vue項目時，需要有必要的環境
需要node.js環境
可以看我博文：https://blog.csdn.net/water_java/article/details/101055914
我這裡使用的是cmd指令視窗搭建vue項目
可以參考我博文：https://blog.csdn.net/water_java/article/details/101353734
點選檔案，打開檔案目錄，選擇你下載下傳的vue-cli項目
添加npm配置
我這是用的之前的項目，是以出的頁面如下
不過新建立的頁面是
目錄解釋
|-- build // 項目建構(webpack)相關代碼
| |-- build.js // 生産環境建構代碼
| |-- check-version.js // 檢查node、npm等版本
| |-- dev-client.js // 熱重載相關
| |-- dev-server.js // 建構本地伺服器
| |-- utils.js // 建構工具相關
| |-- webpack.base.conf.js // webpack基礎配置
| |-- webpack.dev.conf.js // webpack開發環境配置
| |-- webpack.prod.conf.js // webpack生産環境配置
|-- config // 項目開發環境配置
| |-- dev.env.js // 開發環境變量
| |-- index.js // 項目一些配置變量
| |-- prod.env.js // 生産環境變量
| |-- test.env.js // 測試環境變量
|-- src // 源碼目錄
| |-- components // vue公共元件
| |-- store // vuex的狀态管理
| |-- App.vue // 頁面入口檔案
| |-- main.js // 程式入口檔案，加載各種公共元件
|-- static // 靜态檔案，比如一些圖檔，json資料等
| |-- data // 群聊分析得到的資料用于資料可視化
|-- .babelrc // ES6文法編譯配置
|-- .editorconfig // 定義代碼格式
|-- .gitignore // git上傳需要忽略的檔案格式
|-- README.md // 項目說明
|-- favicon.ico
|-- index.html // 入口頁面
|-- package.json // 項目基本資訊