搭建开发环境

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

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

第一种是项目非常简单，可能简单到只有一两个页面就可以搞定，这时候我们就直接新建一个html页面进行开发就行

第二种则是项目较为复杂，这时候，我们就需要使用cli脚手架生成项目，因为脚手架以及帮我们配置了很多东西，我们只需要改动一点，然后更多的可以专注于开发

单HTML页面项目：

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

![a0ccc3b42c474d03994ee08377c32344.png][]

<!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>
    
      
      
    </head>
    
    <body>
      <div>12312</div>
    
      <script>
        // 即使我们使用了开发模式的vue.js 也可以使用 config 配置，来消除构建时的调试和警告，默认为true，展示警告，设置为false，不展示
        // Vue.config.productionTip = false  
      </script>
    </body>
    
    </html>

这样的话单页面的开发环境就搭建完成了，剩下的利用cli脚手架搭建项目环境，后续补上

[a0ccc3b42c474d03994ee08377c32344.png]: /images/20220828/98b1732a309b4c95988e5fb03f85bfb5.png

发表评论取消回复

表情：

评论列表（有 0 条评论，364人围观）

还没有评论，来说两句吧...

相关阅读

相关搭建开发环境

搭建开发环境可以分为两种：第一种是项目非常简单，可能简单到只有一两个页面就可以搞定，这时候我们就直接新建一个html页面进行开发就行第二

冷不防/ 2022年09月13日 15:15/ 0 赞/ 365 阅读

相关 Vue开发环境搭建

Vue开发环境搭建 1、下载并安装nodejs [https://nodejs.org/][https_nodejs.org] 2、检查版本 node

小咪咪/ 2022年08月31日 06:50/ 0 赞/ 347 阅读

相关网站开发搭建开发环境

1.[linux 下面设置共享文件夹的方法][linux][ ][linux] sudo apt-get install samba sudo apt-

ゝ一纸荒年。/ 2022年08月05日 01:20/ 0 赞/ 322 阅读

相关搭建开发环境

devsever contentbase是接下来要执行的本地开发环境的服务器规定服务器要在哪里获取文件 open:true.//自动打开浏览器 port 9000 第一

朱雀/ 2022年05月14日 15:51/ 0 赞/ 372 阅读

相关 vue开发环境搭建

前言: 作为一个后端程序员,但是又想搭建网站.不依靠别人,那只得自己学点前端. 除了常用的bootstrap之外还想学一样,物色几样如 easyUI , angular

淡淡的烟草味﹌/ 2022年04月11日 14:25/ 0 赞/ 365 阅读

相关 MBlock开发环境搭建

本人对STM教育有兴趣，研究了一下mblock的代码，总结了一些个人搭建修改的经验，如果有需要进一步了解的朋友，欢迎交流，QQ：690333105，验证信息：mblock

港控/mmm°/ 2022年04月10日 07:26/ 0 赞/ 438 阅读

相关开发环境搭建步骤

[开发环境搭建步骤][Link 1] 操作系统win10安装 eclipse-java（eclipse插件配置保存、workspace\.settings保存） jd

迈不过友情╰/ 2022年01月06日 15:57/ 0 赞/ 357 阅读

相关搭建Java开发环境

搭建Java开发环境并不是每一台计算机都可以运行Java程序，要运行Java程序，计算机必须搭建Java开发环境，而编写Java程序则可以使用任何的文本编辑工具，如最简单的

比眉伴天荒/ 2021年11月15日 11:54/ 0 赞/ 508 阅读

相关搭建Android开发环境

搭建Android开发环境主要分为三个步骤。 1、Android SDK的安装 2、ADT的安装和配置 3、Android模拟器的配置 1、Android

素颜马尾好姑娘i/ 2021年09月12日 04:52/ 0 赞/ 591 阅读

相关 JBOSS 开发环境搭建

【前言】 JBOSS的定义：是一个基于J2EE的开放源代码的应用服务器。JBoss代码遵循LGPL许可，可以在任何商业应用中免费使用，而不用支付费用。JBoss

系统管理员/ 2021年05月12日 11:54/ 0 赞/ 717 阅读