本文已参加「新人创造礼」活动, 一起敞开创造之路。

  导言

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

铭记于心
我仅有知道的,便是我一无所知

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的速度非常快,性能非常好

    官方下载地址

详解VUE脚手架之安装

2 相关装备

  • 首先好下载好压缩包后,进入解压后的文件夹,然后进行环境变量的装备,这样体系才能够在全局环境中找到node工具箱的方位,运用指令****进行测试,通过这个指令能够检查node的版别

详解VUE脚手架之安装

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

详解VUE脚手架之安装

详解VUE脚手架之安装

  • 随后需要设置一下装备文件以及缓存文件的方位,也便是以下的指令,将后面的路径改成自己装置node文件的路径即可

详解VUE脚手架之安装

3 下载vue moudle

在node.js渠道装置装备好之后,就能够进行下一步模块的装置,举vue为例 装置指令如下:****

详解VUE脚手架之安装

  • 装备调用模块指令的环境变量,路径填vue.cmd所在的根目录:

详解VUE脚手架之安装

  • 查验

详解VUE脚手架之安装

同理,装置vue脚手架 npm install vue-cli

4 搭建Vue项目

cd到方针装置文件夹,翻开cmd窗口,输入vue create 项目名 指令创建vue项目,因为该指令是vue-cli3才有的,所以要先将脚手架晋级成3版别,假如版别不符,cmd中会有相关指令提示,照做晋级即可

详解VUE脚手架之安装

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

详解VUE脚手架之安装

详解VUE脚手架之安装

  • 进入方针目录检查是否装置成功:

详解VUE脚手架之安装

  • 启动项目 npm run serve

详解VUE脚手架之安装

功德圆满

写在最终: 路漫漫其修远兮,吾将上下而求索!伙伴们,再会!

详解VUE脚手架之安装