手把手教你脚手架搭建Vue项目

安装Node.js

手把手教你脚手架搭建Vue项目
Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。

Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。

简而言之呢,这是我们运行Vue项目必要的运行环境,学习Vue之前需要先进行安装。

安装方式也很简单,前往官网,选择左边的就行,毕竟是学习嘛,追求稳定性。
手把手教你脚手架搭建Vue项目
安装过程很简单,选择默认的就行,一路next,等待读条完成就行。

打开cmd命令窗口,输入node -v,若出现版本号,则表示安装成功
手把手教你脚手架搭建Vue项目

项目创建

既然要使用脚手架来创建,那么首先要安装脚手架的包。

npm install webpack -g

这个命令是安装打包工具,便于项目管理。

npm install vue-cli -g

这个命令就是安装脚手架工具了。

以上两个命令在cmd命令窗口输入即可。

上述两工具安装完成就可以创建项目了。

先创建一个文件夹作为项目的存放目录,在这个文件夹的地址栏输入cmd,直接进入该文件夹路径。

vue init webpack 项目名

输入上述命令就可以创建项目啦

安装过程中的选项如下图所示
手把手教你脚手架搭建Vue项目
创建完的项目如下图所示。
手把手教你脚手架搭建Vue项目

结语

如果说这篇文章有让你学到一定的知识的话,不妨点个赞和关注,让博主能够看到。如果讲解中有什么错误和疏忽,也劳烦在评论中指出或提问,博主会第一时间进行更新和答复,谢谢!