0基础基于Node.js创建第一个Vue的web项目
最近开始学习新的前端技术。以前开发网站直接使用jQuery+Bootstrap组合,感觉非常容易和方便。但是,现在前端貌似都开始转向基于构建的方式去开发。曾经尝试过几次去接触这些新的前端技术,但都因为各种原因没有继续。现在希望能做点更好看的网站,但是发现最新的前端框架都转向了基于构建的方式使用,所以趁此机会,尝试转向一下这个新的趋势。
个人理解,基于构建的开发可以理解为以前大家都是简单的页面,交互不复杂,前端使用js库和css样式库写写都能搞定,现在网站复杂了,这些简单的方法难以适应新的复杂场景,包括代码冗余、可维护性等,所以就把前端也搞得像后端一样,编写代码,然后按需处理代码并最终发布。这个话题太大,感兴趣自行搜索前端为什么需要构建就可以了,这里就不再赘述。不过有一点我觉得如果本身网站项目并不大,也不复杂是不需要把前端搞得这么复杂的,基于jQuery和Bootstrap的方式真的是很不错。
废话就不说了,考察了node.js、npm、react、Vue3这些东西之后,决定选择从Vue的项目入手。看过很多文档,但是感觉都需要大量的node.js相关的知识能理解这些项目的使用。但是,无法上手就很难快速理解。所以这里记录一下从0开始建立一个基于Vue3的网站,并启动看到结果。这里不会去讨论背后涉及的知识,只记录步骤,相关的内容后续学习过程补充吧。









