详解VUE脚手架之安装

  👉引言💎

学习的最大理由是想摆脱平庸，早一天就多一份人生的精彩；迟一天就多一天平庸的困扰。
热爱写作，愿意让自己成为更好的人…
…

1 安装node平台

• 首先要安装node.js,什么是node.js?

  首先要清楚Node不是一个Web服务器，这十分重要。它本身并不能做任何事情。它无法像Apache那样工作。如果你希望它成为一个HTTP服务器，你必须借助它内置库自己编写。Node.js只是计算机上执行代码的另一种方式，它是一个简单的JavaScript Runtime.

  简单的说 Node.js 就是运行在服务端的 JavaScript，是一个运行时环境

  Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。

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

  官方下载地址

2 相关配置

• 首先好下载好压缩包后，进入解压后的文件夹，然后进行环境变量的配置，这样系统才可以在全局环境中找到node工具箱的位置，使用命令****进行测试，通过这个命令可以查看node的版本

• 如果不是最新版,可能对于一些命令不兼容,这里提供升级npm为最新版的命令: npm install -g npm@8.17.0

• 随后需要设置一下配置文件以及缓存文件的位置，也就是以下的命令，将后面的路径改成自己安装node文件的路径即可

3 下载vue moudle

在node.js平台安装配置好之后，就可以进行下一步模块的安装,举vue为例 安装命令如下:****

• 配置调用模块命令的环境变量，路径填vue.cmd所在的根目录：

• 检验

同理，安装vue脚手架 npm install vue-cli

4 搭建Vue项目

cd到目标安装文件夹,打开cmd窗口,输入vue create 项目名 命令创建vue项目,由于该命令是vue-cli3才有的,所以要先将脚手架升级成3版本,如果版本不符,cmd中会有相关命令提示,照做升级即可

随后,选择创建项目的脚手架版本

• 进入目标目录查看是否安装成功：

• 启动项目 npm run serve

大功告成！

🌹写在最后💖：
路漫漫其修远兮，吾将上下而求索！伙伴们，再见！🌹🌹🌹