我尝试了使用Vue开始开发

这是我很久以来的第一篇帖子。
由于开始使用Vue，这次的前半部分是关于Vue环境的搭建，后半部分是我使用Vue时的思考。我不喜欢写得冗长，所以马上开始创建环境。

环境建设

首先，安装Cli。

$ npm install -g @vue/cli

一旦安装完成，立即创建项目。

$ vue create {{任意のプロジェクト名}}

创建完后，将所有已创建的文件移动到上一层文件夹中。接下来，使用以下命令启动。

$ npm run serve

当您在浏览器中打开 http://localhost:8080/ ，您将转到创建的页面。这样，基本的环境设置就完成了。

+ Vue组件库

我接下来会写一下Vue的Material Design库Vuetify的环境配置。虽然跟上述几乎没有太大差异，但是在创建项目后

$ vue add vuetify

当输入这个指令后，就可以创建适用于材料设计的页面。

Vue与Angular

我已经完成了环境搭建。接下来，我将简单地写一些我对Vue和Angular的感受。

1. 构成 – .

我初次接触时感受到的区别是，Angular将js（ts）、html和css以分开的文件进行管理，而Vue将js、html和css全部放在同一个Vue文件内进行管理。
※当然，Vue也可以将它们分别放在不同文件中进行管理。但是将html放在Vue文件中。

在执行过程中没有太大的影响，但是我感受到了思维方式的差异。

2. HTML的写法

在HTML的编写方式上，我并没有感到太大的不适，与Angular相比。只需要将默认的属性从ng-xxx改为v-xxx，就能够很快地适应过来。
绑定方式也没有改变，只是在接收js方面有些微差别，但很快就能够适应。

3. TypeScript

3. TypeScript (TypeScript)

因为个人偏好静态类型，所以我希望在Vue中使用TypeScript进行编写。（绝对不允许使用any类型。）
由于Angular官方推荐使用TypeScript，只要掌握了TypeScript的写法就没问题。
相对而言，Vue推荐使用JavaScript，所以与Angular相比，我觉得在TypeScript中编写Vue会更困难一些。

4. 材质设计

我喜欢使用Material Design。
Angular有一个名为Angular Material的王者。Vue则是以Vuetify这个受欢迎的Material Design而闻名。
两者都具有很高的完成度和令人赞叹的特点，但Vuetify提供了多种界面，具有更广泛的UI设计选择。但是，遗憾的是，Vuetify没有提供立即可以复制和确认的最小样板代码。
相反，Angular Material则提供了这方面的功能。

我对使用Vue数个月的感受如下：
对于已经使用Angular系半年以上的人来说，我认为只需三天就可以适应Vue。
正如它的声誉所言，Vue易于使用且是一个优秀的框架。如果要开发新产品，无论规模大小，我都会推荐使用Vue。