chore: improve build message

Author: yyx990803

packages/@vue/cli-service/lib/commands/build/index.js

@@ -196,6 +196,7 @@ async function build (args, api, options) {
   }
 
   return new Promise((resolve, reject) => {
+    const isFreshBuild = !fs.existsSync(api.resolve('node_modules/.cache'))
     webpack(webpackConfig, (err, stats) => {
       stopSpinner(false)
       if (err) {
@@ -214,18 +215,21 @@ async function build (args, api, options) {
         log(formatStats(stats, targetDirShort, api))
         if (args.target === 'app' && !isLegacyBuild) {
           if (!args.watch) {
-            done(`Build complete. The ${chalk.cyan(targetDirShort)} directory is ready to be deployed.\n`)
+            done(`Build complete. The ${chalk.cyan(targetDirShort)} directory is ready to be deployed.`)
+            info(`Check out deployment instructions at ${chalk.cyan(`https://cli.vuejs.org/guide/deployment.html`)}\n`)
           } else {
             done(`Build complete. Watching for changes...`)
           }
           if (
             options.baseUrl === '/' &&
             // only log the tips if this is the first build
-            !fs.existsSync(api.resolve('node_modules/.cache'))
+            isFreshBuild
           ) {
-            info(`The app is built assuming that it will be deployed at the root of a domain.`)
-            info(`If you intend to deploy it under a subpath, update the ${chalk.green('baseUrl')} option`)
-            info(`in your project config (${chalk.cyan(`vue.config.js`)} or ${chalk.green('"vue"')} field in ${chalk.cyan(`package.json`)}).\n`)
+            console.log(
+              chalk.gray(`Tip: the direcotry is meant to be served by an HTTP server, and will not work if\n` +
+              `you open it directly over file:// protocol. To preview it locally, use an HTTP\n` +
+              `server like the ${chalk.yellow(`serve`)} package on npm.\n`)
+            )
           }
         }
       }