一（1）新建一個項目
（2）創建好的項目如下
（3）選中項目右鍵，外部命令依次選擇npm run build和npm run server
（4）
1、node_modules 這個目錄存放的是項目的所有依賴，即 npm install 命令下載下來的文件。
2、public這個目錄也許可以顧名思義？
3、src 這個目錄下存放項目的源碼，即開發者寫的代碼放在這里。
4、assets 目錄用來存放屬於該項目的資源文件，里面的文件會被webpack打包。推薦閱讀《vue assets和static文件夾的作用》
5、components 目錄用來存放組件（一些可復用，非獨立的頁面）。
6、index.html是主頁，項目的入口文件，即瀏覽器訪問項目，最先訪問的是index.html文件。
7、App.vue 是根組件，項目的第一個Vue組件，會通過main.js中的實例掛載到index.html文件中，在項目運行時顯示出來。
8、main.js相當於Java中的main方法，是整個項目的入口js，會創建一個Vue實例，將App.vue組件掛載到index.html文件中。可以閱讀《關於Vue中main.js，App.vue，index.html之間關系進行總結》來了解三者關系。
9、babel.config.js中配置了babel，babel是一個編譯器，用來將javascript語法（主要是ES6）編譯並生成瀏覽器兼容的語法（默認是ES5）。簡單了解可以閱讀《什么是babel，以及各個插件的區別》。
10、package.json 描述模塊信息包括對項目的描述，並定義了項目的所有依賴。
11、package-lock.json描述 node_modules 文件中所有模塊的版本信息，模塊來源及依賴的小版本信息等。簡單了解可以閱讀《package.json 與 package-lock.json 的區別》
12、postcss.config.js中配置了PostCSS的autoprefixer插件，用來解析CSS文件並且添加瀏覽器前綴到CSS規則里，使之兼容所有瀏覽器。
參考原文鏈接：https://blog.csdn.net/D_lunar/article/details/105854290
二
（1）新建項目，選擇uni-app，然后選擇CoolorUI模板（已經造好了一些前端樣式的輪子，減少寫css樣式的精力花費）
（2）創建好項目生成的目錄
按照順序：
colorui：是colorui的相關文件。
node_modules：是安裝第三方插件的目錄，即npm install 下載的相關文件。
pages：是頁面目錄，以后開發的頁面都放在這里。
static：是靜態文件的目錄，一般放一些用的圖片，logo等等。
App.vue：頁面入口文件。頁面全局的js、css引用都寫在這里。
main.js：程序入口文件。需要使用的插件，公共組件放在這里。
manifest.json：HBuilderX的配置文件。
package-lock.json：第三方插件依賴包管理。一般不用管它。
pages.json：頁面配置文件。配置頁面的屬性。
參考原文鏈接：https://blog.csdn.net/weixin_44037376/article/details/100983122