#!/bin/bash # 打开 pages 文件夹，并创建文件 cd src/pages for file in $(ls) do if [ $file == $1 ];then echo $1' 文件已存在, 请使用其他名字' exit fi done mkdir $1 cd $1 # 生成 index.html echo "" > index.html echo '<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta content="width=device-width,initial-scale=1.0"> <title></title> </head> <body> <div></div> <!-- built files will be auto injected --> </body> </html>' > index.html # 生成 App.vue echo "" > App.vue echo '<template> <div> </div> </template> <script> export default { name: "App" } </script> <style> #app {} </style>' > App.vue # 生成 index.js echo "" > index.js echo "import Vue from 'vue' import App from './App' Vue.config.productionTip = false /* eslint-disable no-new */ new Vue({ el: '#app', components: { App }, template: '<App/>' })" > index.js
之后在项目路径下输入下述命令:
bash generatePage.sh page4
即可在pages文件夹下生成一个名为page4的新页面。还可以通过自定义shell脚本的内容写入路由等，以实现定制需求。