如何系统地学习Vue框架，从零开始成为Vue开发者？

本文共计1928个文字，预计阅读时间需要8分钟。

前言+新建项目近年来前端开发快速发展，现在学习前端已不再像以前那样仅限于学习一种语法就可以。它已经成为一门技术，它拥有类似Main函数的独立入口，具备MVC一样的规范。

前言

新建项目近些年前端开发快速发展，现在学习前端已经不像以前那样仅仅学习一个语法就可以了，它已经是一门编程技术了，它们有自己独立的类似Main函数的入口，有像MVC一样规范好的层次结构，有自己的开发工具可以发布打包程序，甚至还可以独立连接数据库，当然了，优点与缺点共存，不能向其他语言那样断点调试导致了，它的脉络更难被捕捉，犹如远古时代的代码开发一样，但它还是已经可以称为一门编程技术了，所以学习一门前端开发，已经是一件非常有意义的事儿了。

首先安装Nodejs，然后我们一起学习使用Vue。

Vue是一个前端框架，安装了Nodejs后，可以使用Npm命令直接下载vue。

打开cmd窗口，依次输入如下命令：

npm i vue -g npm i vue-cli -g

注：输入下载vue时，尽量使用-g，因为vue的文件中有一些文件是可以vue开头的命令行的，因为-g是下载到环境变量配置的Path地址，所以如果下载到这里，那么vue开头的命令就可以在cmd窗口中直接使用了，不然还需要重新配置环境变量，添加当前下载目录。

下载完Vue后，我们新建一个文件夹，然后打开CMD跳转该目录，如，然后使用vue开头的命令创建一个项目，在cmd窗口输入命令如下：

vue init webpack my-project

输入完命令后，会提示我们配置项目信息，可以一直回车使用默认配置，然后等待项目创建完成。