建立這樣的一個純靜態的SSR形式的公共專案，下次只要copy除node_modules檔案之外的所有檔案  重新npm i 就可以了；

1.建立專案  npx create-nuxt-app <專案名>

2. swiper 輪翻圖的外掛   【我的這片部落格有詳細說明 ：https://www.cnblogs.com/tap819/p/16243250.html】

3.scss 安裝    npm install --save-dev sass sass-loader@10

4.px rem 外掛安裝  npm install postcss-pxtorem

 nuxt.config.js的配置 build: {     postcss: {//rem配置       'postcss-pxtorem': {         rootValue: '37.5',         propList: ['*'],         selectorBlackList: ['mint-']       }     }   }   5.引入  jquery-3.5.1.min.js   flexible.js  nuxt.config.js的配置 script: [       { src: '/js/flexible.js', type: "text/javascript", charset: 'utf-8' },  //rem配置       { src: '/js/jquery-3.5.1.min.js', type: "text/javascript", charset: 'utf-8' },  //引入 jquery       ],   6.新建 資料夾 layouts   新建檔案default.vue  完成公共佈局  components  建立Header.vue  Footer.vue 兩個公共的元件 <template>   <div>     <Header />     <nuxt />     <Footer />   </div> </template>     1.輪播圖功能 2. 利用 scss佈局開發 3.通過rem 與px的轉換  實現PC 移動端的適配，   開發完成之後    執行 npm run generate    會生成dist資料夾   你把dist資料夾裡面的內容丟到伺服器上就完成靜態部署了；