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

╰+攻爆jí腚メ 2023-02-22 13:48 103阅读 0赞

安装Node.js

在这里插入图片描述
Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。

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

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

安装方式也很简单，前往官网，选择左边的就行，毕竟是学习嘛，追求稳定性。
在这里插入图片描述
安装过程很简单，选择默认的就行，一路next，等待读条完成就行。

打开cmd命令窗口，输入node -v，若出现版本号，则表示安装成功
在这里插入图片描述

项目创建

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

npm install webpack -g

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

npm install vue-cli -g

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

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

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

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

vue init webpack 项目名

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

安装过程中的选项如下图所示
在这里插入图片描述
创建完的项目如下图所示。
在这里插入图片描述

结语

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

发表评论

表情：
评论列表 （有 0 条评论，103人围观）

还没有评论，来说两句吧...

相关阅读

    相关 手把手教你写一个脚手架

    最近在学习 vue-cli\[1\] 的源码，获益良多。为了让自己理解得更加深刻，我决定模仿它造一个轮子，争取尽可能多的实现原有的功能。 我将这个轮子分成三个版本： 1.尽

    男娘i男娘i/ 0 赞/ 347 阅读