众所周知，vue脱胎于angular，平常在工作中，尤其对全栈开发者，甚至工业上需要管业务的开发者来说，一次掌握多种前端框架是没有时间和精力的事，博主是一个3年angular开发从业者，5年C#后端架构，最近由于公司业务中好多包含Vue，技术栈偏向vue的人较多，故也不得不痛苦地转向了vue，今天做一个开始，跟随博主一起来看看吧
一、目录解读
这个是vue的项目，可以看到目录其实与angular基本上一致，vue脱胎于angular，从上到下，管理包的node_module,以及包版本配置package.json。index启动文件跳向了App.vue;项目的主体src中的代码与public中的静态资源和类，前端实体。
特别有注意到，Vue中以vue命名了一个文件，而在angular中没有此类命名，angular中模板和TS文件是分开的，他其实是玉溪大神借鉴了远古的写法，TS和模板在一个文件中，其实他把Sass也放到其中。angular在此分层较为明晰，一个组件中ts，sass，模板，项目测试文件一定是分开的。angular写法一定是很规矩。我猜这也是写惯了angular的人其实很不愿意写vue，vue的优点则是上手简单，都在一个文件里，甚至很多地方一句逻辑完成了不需要加分号，像极了远古前端开发者的写法。angular上手难一点在于写法规矩，在写法上比vue厚重一些。 很明显一旦涉及大型项目，vue其实不如angular，小型项目，vue更方便简单一些。 其实严格追究起来，angular也支持这种写法，放一起，无论是在模板中还是TS文件中，可以互相放置对方的文件代码，编译时，这两个文件是编译主体，加上标记，都能精准编译，所以其实Vue这种写法不是独创，不过是精简了angular的风格。
二、写法
可以看到模板写法其实没有区别，毕竟最终都是要编译成html文件。但是看到TS文件是包含在script中，其实angular也支持一个文件中套很多其他文件代码。但是angular给他分开了。Vue算得上是精简版angular，只不过二者在编译文件链接风格有区别。不是二者框架设计的区别，是概念风格的区别。
vue追求一种极简风，可以看到类或者包中的类引入即用，不需要注册到模块中，模块之上连库的概念都没有，任职过一家公司前端用vue，当时看了很多vue项目，国内vue开发者其实很多没有做模块的分层，把这种极简概念贯彻到极致。若说架构分层上，angular此时更胜一筹。
三、发布部署
这个倒没什么区别，二者命令都没有什么区别，源于都用了npm包管理器来发布。
发布以后都会生成编译好的dist文件，文件中都是js和html这种浏览器能看懂的底层语言。国内开发者会都用nginx去发布他们。远古时大家会在IIS上发布原始的html。涉及三大框架，nginx很好的替代了IIS。因为IIS发布过程中有很多问题。许多配置较为繁琐。
发布一：编译pnpm build，这里我用了pnpm包
微软用的是这款，我偶像张一鸣从微软创业了字节跳动，字节跳动用的也是这款。
编译好了会生成dist
发布二.把编译好的静态文件放到nginx的html文件中，修改conf文件，nginx.conf中的server节点下面的主机地址，端口，这个angular和vue没有区分，因为用了同一个工具
发布三上去看一下，看到这是一个前端表单就画好了部署上去了，后台通过webapi取数
标签：文件,vue,编译,vue3,随笔,写法,angular,模板 From： https://www.cnblogs.com/hamster5/p/16652092.html