文组也能看得懂的网页前端Vue  （一）工具篇

这是一篇关于Vue从头开始写的学习笔记，不太注重原理，也尽量不会提到一些技术名词，注重如何可以简单写出一个可以动的Vue网页，适合对前端完全陌生的但是想快速学会写前端的人。

有空会慢慢往下写，希望能写成系列文。

（我的主要开发环境是用macOS，不过即使用windows操作上大致上还是一样的）

这是我第一次写教学的网誌，有什么意见欢迎指教讨论。

第一篇就先写开发工具的部分

工具主要使用VSCode, npm, yarn, Chrome

 1. VSCode

VSCode 安装很简单，直接上微软的网站抓就可以了

https://code.visualstudio.com/

请依据自己作业系统安装对应版本

这两个工具如果不写前端的话可能对这东西不熟悉，简单来看就把它当作可以帮你安装各种不同网页所需功能的工具，安装方法也很简单

一样去官网抓就好（https://nodejs.org/en/?source=post_page---------------------------）

当然你想用brew, choco之类的安装也是可以，装完nodejs后就会获得npm这个新的指令

在windows底下的命令提示字元或是macos底下的terminal输入

npm -v

就会显示出版本讯息，如果有显示就表示安装成功了

如果习惯用yarn的人

可以依照下列网址方法安装

https://yarnpkg.com/lang/zh-hant/docs/install/

这个应该就不用多作介绍了吧 ....

工具介绍就先到这里，準备进入前端网页的开发啦