搭建开发环境-蒲公英云

搭建开发环境

冷不防 2022-09-13 15:15 470阅读 0赞

搭建开发环境可以分为两种：

    第一种是项目非常简单，可能简单到只有一两个页面就可以搞定，这时候我们就直接新建一个html页面进行开发就行
    第二种则是项目较为复杂，这时候，我们就需要使用cli脚手架生成项目，因为脚手架以及帮我们配置了很多东西，我们只需要改动一点，然后更多的可以专注于开发

单HTML页面项目：

1、直接新建html文件，然后根据文档说明，引入vue.js文件，此时引入的vue.js文件存在两种模式，所以我们在开发的时候，一般使用的都是开发版本，此时可以在控制台上看到警告和调试信息，在开发完成之后，替换成生产版本，以此消除警告和调试信息

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>搭建开发环境</title>
  <!-- 开发环境 -->
  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
  <!-- 生产环境 -->
  <!-- <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script> -->
</head>
<body>
  <div>12312</div>
  <script>
    // 即使我们使用了开发模式的vue.js 也可以使用 config 配置，来消除构建时的调试和警告，默认为true，展示警告，设置为false，不展示
    // Vue.config.productionTip = false  
  </script>
</body>
</html>