关于萌新初识VUE的那些事

接触VUE这个东西，时间说长不长，说短不短，作为一个刚入坑社会不久的程序员来说，我只能说是初有见识。提笔写下这篇博客，也只是希望可以帮助到一些刚入坑前端的萌新们，具体有一些说的不到位的地方，如果大家有发现的地方欢迎指正，让我们共同进步。

整篇文章我可能会用很皮的语风进行表达，如果是十分喜欢严谨的同学从这里开始就不要继续看下去了，可能会引起你极度的不适。另外在这里我想要说一句题外话，FGO这个五分游戏的9周年福利多会补呢？

为什么选择VUE

说的实在一点，就是“听说好用”。我觉得这种想法并不过分，当年淘宝为什么选择改用JAVA？也是因为“听说好用”。曾经在跟我的大神舍友讨论学习什么语言好的时候，我们就谈论到过这种话题，一个语言，用的人越少，他的泛用性就越低，生态环境来说就更加的稀疏，在你一无所有的时候选择一门语言或者一种开发技术，使用最热门的，最流行的，往往是对你帮助最大的，也许会是最好的。所以为什么选择VUE，因为听说他叼。

天才第一步（如何使用）

简单明了，以下均为笔者采用的工具，不代表最好。

IDE：VScode

笔者采用VUE+Webpack的开发方式，使用了Vue-cli进行开发，当然有各种各样的开发方式，大家选择自己喜欢的和适合自己来使用，在这里我只介绍此中开发方式（说句实话，因为别的我用的少，不会）。

1.下载Node.js，之后傻瓜安装。

2.使用NPM（node的包管理工具），之后我们下载一些插件都需要用到它。由于国内使用npm镜像可能会很慢，所以我们选择使用淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org

3.安装VUE——cnpm install vue

4.安装Vue-cli，这是官方提供的一个快速搭建单页面应用的脚手架，简单来说就是为了方便用户的开发。cnpm install -global vue-cli

5.开始创建我们自己的项目

在自己心仪的目录下，使用vue init webpack进行创建。

Project name（项目名称）

Project description（项目描述）

Author（作者）

Vue build（打包方式）

install vue-router？（是否安装vue-router，后面自己一起装就好了）

Use ESlint to lint your code（是否使用ESlint代码规范，有时候会报一些莫名其妙的错误，根据个人喜好，强迫症爱好者慎重）

Set up unit tests+Setup e2e tests with Nightwatch（是否启用单元测试）

之后创建你的项目，我们正在创建你的项目，这并不需要很长的时间（一小时过去了...一年过去了...）

在项目成功建立之后，输入cnpm install来安装依赖（一定要在你创建的项目的根目录下进行）

6.启动项目 输入 npm run dev，已经有项目在8080端口跑了，所以这里笔者的端口号变为了8081

当在地址栏中输入地址之后，出现为这样，说明你的项目已经建立成功了

至此，项目的创建已经结束了，下一次将会对项目的目录进行讲解。