vue在哪里改名字

• 浆果2024-10-11超过78用户采纳过TA的回答

  

  java该怎么自学

  自学的困难就是，不知道该从哪里开始，才怎么学，没有一个系统的学习路径，现在黑马程序员最新上线了java学习路线图，非常好的解决了一个难题，可以去搜索看一下。

  一、java基础

  学习任何一门编程语言，首先要学习的是基础语法，开启Java学习的第一步，当然就是深入掌握计算机基础、编程基础语法，面向对象，集合、IO流、线程、并发、异常及网络编程，这些我们称之为JavaSE基础。当你掌握了这些内容之后，你就可以做出诸如：电脑上安装的迅雷下载软件、QQ聊天客户端、考勤管理系统等桌面端软件。

  JavaSE基础是Java中级程序员的起点，是帮助你从小白到懂得编程的必经之路。

  在Java基础板块中有6个子模块的学习：

  技术树

  二、数据库

  互联网最具价值的是数据，任何编程语言都需要解决数据存储问题,而数据存储的关键技术是数据库。MySQL和Oracle都是广受企业欢迎的数据库管理系统。Java程序和数据库通信的最常见技术是JDBC，Druid和C3P0。学习这些数据库技术后，可以掌握数据库运维技术、复杂业务表结构设计规范、工作中常见的SQL操作、软件数据存储等。

  数据库不仅仅是Java开发工程师的必学课程，也是其他语言都需要掌握的技能。用于对交互过程中客户的数据进行存储。

  该板块包括关系型数据库和非关系型数据库。

  例如：MySQL、oracle、redis、MongoDB等。数据库学习完毕后，可以将数据存储到数据库中，也可以通过SQL语句从数据库中查询数据，结合Java项目可以实现动态站点的数据的保存。

  技术树

  三、前端技术

  浏览器展示给用户看到的网页就是前端，前端有三大基础技术分别为Html、CSS、JavaScript，这些学完后，为了做出更好、更炫的交互式体验效果，我们还需要学习jQuery、ElementUI、Vue、Ajax，以及打包工具webpack。学完这些技术后，我们可以开发微信小程序、响应式网站、移动端网站、开发类似京东一样的B2B2C商城、管理后台等。

  Javaweb阶段包括前端、数据库和动态网页。Javaweb是互联网项目的入门课程，是学习后面高进阶课程的基础。

  我们先看一下前端板块。该板块主要包括如下几个模块：

  学习前端技术后，可以完成类似京东、淘宝的前端工程的编写。

  技术树

  四、动态网页

  掌握前端技术只能做静态网站，但它页面数据一成不变，而动态网站可以根据数据库中变更的数据实现不同的内容展示，应用更广泛，因此程序员必须要学会做动态网站。使用Java做动态网站，我们需要学习Servlet、Filter、Session、Cookie、JSP、EL表达式、JSTL等做动态网站的完整知识体系，学完可研发出OA系统、内容网站、BBS等。

  动态网页是中级程序员服务器端编程的基础，是高级框架学习的必备课程，后期学习的框架、服务底层都是基于动态网页技术之上的。

  该板块包括Javaweb核心技术、包括Servlet、Request、Response、Cookie和Session等，通过这些技术的学习可以完成动态站点开发，可更好的完成服务器端与客户的交互，让页面的数据“动”起来，做出小型的应用系统。

  技术树

  五、编程强化

  前面学了JavaSE基础，但它在企业级应用中程序处理业务的效率并不高、扩展差，编程强化是对JavaSE基础的加强，将针对性的提高程序处理业务的执行效率、增强程序扩展性。编程强化将加强多线程高级学习，涉及线程内存、线程通信等技术。学完以后，能增加一个中级程序员的知识储备，无论在面试过程中还是将来技术的深入打一个良好的基础。

  编程强化是对解决实际问题方面做一个深入的了解和应用，是对JavaSE基础的加强，对后期自动以框架和对一些服务框架的底层理解做支撑。

  编程强化板块主要包括如下几个模块：多线程高级、涉及线程内存、线程通信等；JVM优化，对JVM底层进行调优来提高项目执行效率；NIO，同步非阻塞IO来提高效率。

  学习该阶段，可以对原有项目进行优化从而使程序更快更稳定。

  技术树

  六、软件项目管理

  公司开发都是团队协同开发，为更好的掌握实际开发，我们还需要学习常用的项目管理平台、版本控制器、项目构建工具以及自动化部署工具。项目开发一定是有版本升级的，管理好项目进度和版本需要Git、Maven、Sonar这样的系统平台。学习完软件项目管理后，将掌握整个项目实际开发过程以及整个项目开发过程中所使用协同开发工具。

  JavaSE基础是Java中级程序员的起点，是帮助你从小白到懂得编程的必经之路。

  在Java基础板块中有6个子模块的学习：基础语法，可帮助你建立基本的编程逻辑思维；面向对象，以对象方式去编写优美的Java程序；集合，后期开发中存储数据必备技术；IO，对磁盘文件进行读取和写入基础操作；多线程与并发，提高程序效率；异常，编写代码逻辑更加健全；网络编程，应用服务器学习基础，完成数据的远程传输。

  学习该阶段，可以完成一些简单的管理系统、坦克大战游戏、QQ通信等。

  技术树

  七、热门技术框架

  Javaweb掌握后，已经具备企业中实际项目的开发能力了，但它开发效率低，代码量大，开发周期长、开发成本高。企业中广泛使用一些优秀的框架技术来解决上述问题，因此我们还需要学习框架技术，项目开发中主流的Java框架技术有SpringMVC、Spring、MyBatis、MyBatis Plus、SpringData等。这些框架技术都是一个优秀程序员所必备的技能。

  使用Javaweb进行企业级开发是完全可以的，但是开发效率比较低，所以对常用的逻辑操作进行封装就形成了框架，因此框架是企业开发的入门技能。

  热门框架板块主流框架有如下几个：Spring框架，占据统治地位，其生态系统涉及各个方面解决方案；MyBatis框架，使用ORM思想对数据库进行操作。

  该板块学习后，就可以进行真实企业级项目开发了，做出的项目也会更加符合企业要求。

  技术树

  八、分布式架构

  需要用到分布式微服务的技术。学习完该阶段课程，可以具备大型SOA架构和微服务架构能力，能掌握大型微服务项目必备技术和实际经验。企业发展过程中，业务量和用户量逐渐增加，为了保证系统的可用性，系统越做越复杂，研发人员增多，大家很难共同维护一个复杂的系统，往往修改部分内容，导致牵一发而动全身，所以我们需要升级系统架构，

  随着互联网的发展，业务的复杂性和用户的体验性都需要提高，所以分布式架构出现了。该板块主要讲解的是分布式架构的相关解决方案。

  主要包括如下模块：Dubbo，高性能的 RPC服务发布和调用框架；SpringBoot，简化Spring应用的初始搭建以及开发过程；Spring Cloud，一系列框架的有序集合，如服务发现注册、配置中心、负载均衡、断路器、数据监控等。

  该板块的学习，可以具备大型互联网项目开发的必备技术和实际经验，为进入BATJ打下基础

  技术树

  九、服务器中间件

  在分布式系统架构中，服务与服务之间的异步通信，是非常常见的需求之一，消息中间件的诞生正是为了解决这类问题。目前市面上的主流消息中间件有RabbitMQ、RocketMQ、Kafka，我们将学习这3个消息中间件，实现分布式项目中的异步通信。学习完这些后，可以实现分布式项目的异步通信、分布式应用日志收集、分布式事务等。

  中间件板块是大型互联网项目中必备的。服务中间件可以帮助各子模块间实现互相访问，消息共享或统一访问等功能。其包括远程服务框架中间件，例如阿里（Apache）的RPC框架Dubbo等；消息队列中间件，例如：阿里巴巴开源分布式中间件RocketMQ、高吞吐量消息发布和流处理服务Kafka等。

  学习服务中间件是中级JavaEE工程师必要技术，也是JavaEE架构师必须精通的技术。

  技术树

  十、服务器技术

  程序开发完成后，我们把它们打包部署到服务器中运行，所以我们需要学习常见的服务器技术，常见的服务器有Linux和Window server，Linux性能高，是当前主流。我们写好的项目需要用一个软件运行起来，这个软件叫web容器，我们需要在服务器上安装web容器来发布项目，当前主流的web容器有tomcat、jetty、nginx、undertow。

  不管是使用原生Javaweb进行开发，还是使用框架进行开发，项目最终需要对外发布才能供全世界的人访问到，而服务器板块就可以解决这个问题，所以服务器是项目发布的必要技术。该板块包括虚拟化和web应用服务器的学习，主要包括如下几个模块：Vmware，虚拟机软件；Linux，专门用于服务器的系统；Nginx，集群部署时反向代理服务器；Tomcat，项目发布时主要使用的服务器。

  该板块学习后，我们就可以把开发好的项目发布到服务器中，然后供你的小伙伴远程访问了，超酷！

  技术树

  十一、容器技术

  具备了服务器操作系统及web容器，我们就可以部署单机的站点，在分布式系统中，几十上百的服务，如果使用单机这种部署方式，会投入很高的人力，同时出错的几率也大。所以服务器虚拟化技术Docker也称为如今的必备技术了，Docker可以帮助运维人员实行快速部署，批量维护.使用Kubernetes实现自动化部署、大规模可伸缩、应用容器管理。

  容器化技术是近两年超级火的一个专题，通过容器化技术可以对环境进行打包，方便移植，大大提高了开发效率。该板块包括容器化技术Docker和其平台管理引擎Kubernetes，Docker是一个开源的应用容器引擎，可以打包应用以及依赖包到一个可移植的镜像中，然后发布到任何流行的Linux或Windows机器上，也可以实现虚拟化。而Kubernetes是一个开源的，用于管理云平台中多个主机上的容器化的应用，Kubernetes的目标是让部署容器化的应用简单并且高效。通过该板块的学习，你可以通过上述技术快速搭建环境，节省开发时间，提高开发效率。

  技术树

  十二、业务解决方案

  企业开发中会遇到一些通用的业务场景，诸如：搜索引擎、缓存、定时任务、工作流、报表导出、日志管理、系统监控等，那么这些通用的解决方案也有现成优秀的免费开源中间件，可供使用。诸如：ElasticSearch、Lucene、Solr、redis、MongoDB、slf4J、ECharts、Quartz、POI等。业务解决方案课程的业务方案和技术难点，解决了企业开发中90%以上的痛点和难点。

  虽然我们已经具备了基础技术和高阶技术，但是要想与企业开发相接轨，还需要对实际项目的业务解决方案进行探究。而此版块就是在实际业务场景中的真实解决方案集合，常用的业务解决方案有如下：搜索业务场景解决方案、日志收集与分析场景解决方案、工作流引擎场景解决方案、任务调度场景解决方案、地图开发平台场景解决方案、支付开放平台场景解决方案、图表可视化场景解决方案。通过分析实际业务来学习这个解决方案技术集，完全可以达到中级甚至高级工程师水平。

  技术树

  vue2和vue3创建项目

  vue-cli3.x与vue-cli2.x构建项目的区别

  vue-cli3.0正式版于8月10号发布，但是3.0与2.0版本在搭建项目时到底有何不同呢？下面做一下简单的介绍，希望可以帮到有需要的朋友

  1、全局安装vu-cli3.0npminstall-g@vue/cli(如果之前安装了2.0版本，先卸载npmuninstall-gvue-cli);安装完3.0后，有以下两种创建项目的方式：

  a、指令：vuecreateproject-name;然后会出现默认和手动两个选项，跟着步骤走就好；下面选择手动等等

  b、用视图创建项目vueui

  然后点击创建跟着步骤走就好；

  如果：你个人还是很想用之前的创建项目的方式，那你则需要安装（npminstall-g@vue/cli-init）这样就可以像之前一样创建项目eg:vueinitwebpackvue-program

  2、用vue-cli3.0版本创建的项目与2.0版本相比较，我们会发现，文件目录少了很多eg：build、config，那么如何像vue-cli2.*之前关于端口号的配置、打包之后的路径的配置、图片的配置等，到哪里配置呢？？vue-cli3.0可以在项目的根目录下新建一个vue.config.js文件，之前繁琐的配置都可以在这里直接配置。

  官方是这样说的。vue.config.js是一个可选的配置文件，如果项目的（和package.json平级）根目录中存在这样一个文件，那么他会被@vue/cli-service自动加载，（并覆盖其内部的配置）

  下面我们就看一下vue.config.js里的相关配置

  这是我们只需要在根目录下创建后缀名为.env（.env.prod/.env.pre/.env.test）的文件，将你需要的环境配进去就可以了eg:

  这里需要注意一点：由于我们再打包时，不需动NODE_ENV，所以这里面我们可以直接用production,(如果改了，你打包出来的项目会发现会少很多)，如果不想用，那你则需要去底层进行修改相应的配置。

  4、最后指出配置好环境以后，我们需要在package.json里面配置相应的指令；

  “buildTest”：“vue-cli-servicebuild--modetest”,

  "buildPre"："vue-cli-servicebuild--modepre"

  "build":"vue-cli-servicebuild--modeprod"

  //打包，会把process.env.NODE_ENV设置为步骤4中‘.env.alpha’文件设置的值。

  //注意，这里“--mode名字“要和步骤2中文件名“.env.名字”名字保持一致

  vue2/vue3环境搭建

  检查是否安装成功

  Vuebuild==打包方式，回车即可；

  Installvue-router==是否要安装vue-router，项目中肯定要使用到所以Y回车；

  UseESLinttolintyourcode==是否需要js语法检测目前我们不需要所以n回车；

  Setupunittests==是否安装单元测试工具目前我们不需要所以n回车；

  Setupe2etestswithNightwatch==是否需要端到端测试工具目前我们不需要所以n回车；

  1、build：构建脚本目录

  1）build.js==生产环境构建脚本；

  2）check-versions.js==检查npm，node.js版本；

  3）utils.js==构建相关工具方法；

  4）vue-loader.conf.js==配置了css加载器以及编译css之后自动添加前缀；

  5）webpack.base.conf.js==webpack基本配置；

  6）webpack.dev.conf.js==webpack开发环境配置；

  7）webpack.prod.conf.js==webpack生产环境配置；

  2、config：项目配置

  1）dev.env.js==开发环境变量；

  2）index.js==项目配置文件；

  3）prod.env.js==生产环境变量；

  3、node_modules：npm加载的项目依赖模块

  4、src：这里是我们要开发的目录，基本上要做的事情都在这个目录里。里面包含了几个目录及文件：

  1）assets：资源目录，放置一些图片或者公共js、公共css。这里的资源会被webpack构建；

  2）components：组件目录，我们写的组件就放在这个目录里面；

  3）router：前端路由，我们需要配置的路由路径写在index.js里面；

  4）App.vue：根组件；

  5）main.js：入口js文件；

  5、static：静态资源目录，如图片、字体等。不会被webpack构建

  6、index.html：首页入口文件，可以添加一些meta信息等

  7、package.json：npm包配置文件，定义了项目的npm脚本，依赖包等信息

  8、README.md：项目的说明文档，markdown格式

  9、.xxxx文件：这些是一些配置文件，包括语法配置，git配置等

  1.解决vue不能自动打开浏览器的问题：当我们输入npmrundev，运行项目，命令行提示我们运行成功，但是浏览器也没有自动打开，只能自己手动输入。

  改完之后重启一下即可。

  2.为了避免端口冲突，也可以修改port，打开目录同上

  更改成功：

  1.如果你已经全局安装了旧版本的vue-cli(1或2)，你需要先通过

  npmuninstallvue-cli-g或yarnglobalremovevue-cli卸载它(卸载脚手架)

  2.全局安装npminstall-g@vue/cli或yarnglobaladd@vue/cli

  3.全局安装了vue-cli3但是还想用vue-cli2,添加一个桥接工具命令：npminstall-g@vue/cli-init

  4.可以进行创建项目了

  vue-cli2:命令：vueinitwebpackmy_project

  vue-cli3命令：vuecreatemy-project

  3.版本不同安装方式也不同

  vue-cli2:命令npminstall-gvue-cli

  vue-cli3:命令npminstall-g@vue/cli

  3.版本不同的创建项目方式不同

  vue-cli2:命令：vueinitwebpackmy_project

  vue-cli3命令：vuecreatemy-project

  4.vue-cli2和vue-cli3安装完后的项目目录不一样

  5.安装指定版本的vue

  npminstall-g@vue/cli@3.12.1

  vue-cli3.0项目目录结构

  vue-cli2.0项目目录结构

  vue-cli4.5.15的vue2项目目录

  vue2.0与vue3.0搭建项目的命令

  设置镜像源npmconfigsetregistry--global

  全局安装cnpm???npmicnpm-g

  全局安装vue?????npmi-gvue

  全局安装vue-cli3??npmi-g@vue/cli

  创建项目：vuecreatehello-demo

  之后根据提示操作即可

  设置镜像源npm：configsetregistry--global

  全局安装cnpm：????npmicnpm-g

  全局安装vue：?????npmi-gvue

  全局安装vue-cli(默认为2)?：???npmi-gvue-cli

  全局安装webpack：npmiwebpack-g

  创建项目：vueinitwebpack?项目名

  vue怎么设置名字(vue页面命名规范)

  1. vue页面命名规范

  Vue,读音是/vju:/,是一套用于构建用户界面的渐进式框架,自底层向上应用,Vue的核心库只关注视图层,容易入门,可以和第三方库或者已有的项目进行整合,可以做复杂的单页应用。简单的说,vue是一套前端的开发框架,vue是目前三大主流的框架之一,其他两个框架是:React、Angular。

  2. vue组件命名

  1.我们需要去导入的项目根目录下看一下，是否包含.project和.classpath这两个文件。

  2.由于这个项目下面没有这两个文件，可以从其他的项目复制了一份放到根目录下。

  3.因为是复制的其他项目文件，复制完成后需要对.project文件进行修改。这里只修改name标签里面的内容就行，替换为当前项目的名称即可。

  3. vue变量命名规范

  vue环境变量是指在操作系统中用来指定操作系统运行环境的一些参数，如：临时文件夹位置和系统文件夹位置等。

  vue环境变量是在操作系统中一个具有特定名字的对象，它包含了一个或者多个应用程序所将使用到的信息。

  例如Windows和DOS操作系统中的path环境变量，当要求系统运行一个程序而没有告诉它程序所在的完整路径时，系统除了在当前目录下面寻找此程序外，还应到path中指定的路径去找。

  用户通过设置环境变量，来更好的运行进程。

  4. vue命名规范

  vue是在2013年开发出来的，最初命名为Seed；同年12月更名为vue，版本号是“0.6.0”。在2014年正式对外发布，版本号是“0.8.0”。

  Vue是一套构建用户界面的渐进式框架。Vue的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。

  5. vue中的name属性

  name属性用来定义标签的名称，例如：<el-input name="name"></el-input>

  area属性用来定义标签的类型是文本域，例如：<el-input name="name"></el-input>

  6. vue的标签

  vue中怎么添加标签_具体操作流程介绍

  想给视频添加自定义标签的话，用户们需要先点击vue的主页左下角的“导入”功能，在手机本地添加所需的视频素材。视频素材添加完毕后，点击右上角选项进入编辑页面，通过“文字”分类的菜单列表就可以设置自定义标签了。

  打开标签的编辑页面之后，选择所需的标签格式就可以输入自定义内容了，我们还能在视频画面上拖动标签的位置哦！

  7. vue中定义方法

  Vue项目创建完成后，使用 Web Storm打开项目，项目目录如下：

  build文件夹，用来存放项目构建脚本

  config中存放项目的一些基本配置信息，最常用的就是端口转发

  node_modules这个目录存放的是项目的所有依赖，即 npm install命令下载下来的文件

  src这个目录下存放项目的源码，即开发者写的代码放在这里

  static用来存放静态资源

  index.html则是项目的首页，入口页，也是整个项目唯一的HTML页面

  package.json中定义了项目的所有依赖，包括开发时依赖和发布时依赖

  对于开发者来说，以后 99.99%的工作都是在 src中完成的，src中的文件目录如下：

  assets目录用来存放资产文件

  components目录用来存放组件（一些可复用，非独立的页面），当然开发者也可以在 components中直接创建完整页面。

  推荐在 components中存放组件，另外单独新建一个 page文件夹，专门用来放完整页面。

  router目录中，存放了路由的js文件

  App.vue是一个Vue组件，也是项目的第一个Vue组件

  main.js相当于Java中的main方法，是整个项目的入口js

  main.js内容如下：

  在main.js中，首先导入 Vue对象

  导入 App.vue，并且命名为 App

  导入router，注意，由于router目录下路由默认文件名为 index.js，因此可以省略

  所有东西都导入成功后，创建一个Vue对象，设置要被Vue处理的节点是'#app'，'#app'指提前在index.html文件中定义的一个div

  将 router设置到 vue对象中，这里是一个简化的写法，完整的写法是 router:router，如果 key/value一模一样，则可以简写。

  声明一个组件 App，App这个组件在一开始已经导入到项目中了，但是直接导入的组件无法直接使用，必须要声明。

  template中定义了页面模板，即将 App组件中的内容渲染到'#app'这个div中。

  可以猜测，项目启动成功后，看到的页面效果定义在 App.vue中

  App.vue是一个vue组件，这个组件中包含三部分内容：1.页面模板（template）；2.页面脚本（script）；3.页面样式（style）

  页面模板中，定义了页面的 HTML元素，这里定义了两个，一个是一张图片，另一个则是一个 router-view

  页面脚本主要用来实现当前页面数据初始化、事件处理等等操作

  页面样式就是针对 template中 HTML元素的页面美化操作

  需要额外解释的是，router-view，这个指展示路由页面的位置，可以简单理解为一个占位符，这个占位符展示的内容将根据当前具体的 URL地址来定。具体展示的内容，要参考路由表，即 router/index.js文件，该文件如下：

  这个文件中，首先导入了Vue对象、Router对象以及 HelloWorld组件。

  创建一个Router对象，并定义路由表

  这里定义的路由表，path为/，对应的组件为 HelloWorld，即浏览器地址为/时，在router-view位置显示 HelloWorld组件

  8. vue文件夹命名规范

  文件夹名称应统一格式，小写开头，见名思意，page页面下的文件夹名称统一以page结尾，例如：firstPage。其余文件夹名称统一按照项目结构目录命名规范统一命名。