vuejs环境搭建_vue搭建论坛

vuejs环境搭建_vue搭建论坛前端框架vue开放环境搭建

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

说明

该文章用最简单粗暴的方式完成vue框架的搭建,跟着步骤一步一步来就ok,这里就不阐述什么原理了,直接开工。

第一步:下载并安装Node.js

安装包请移步Node中文官网,直接点我进去找就行

vuejs环境搭建_vue搭建论坛

vuejs环境搭建_vue搭建论坛

打开安装程序无脑下一步就ok,注意安装的路径就行,默认的路径是c盘

第二步:配置环境变量

现在的版本安装以后,一般会自动为电脑配置环境变量,但是以防万一我们还是看一看。

我的电脑–>属性—>高级系统设置—>环境变量

vuejs环境搭建_vue搭建论坛

 找到Path点击编辑

vuejs环境搭建_vue搭建论坛

 这里我们发现它已经自动帮我们配好了,如果没有的话就点击新建

vuejs环境搭建_vue搭建论坛

在其中输入安装的路径即可

第三步:Win+R输入cmd打开dos窗口检查是否成功

输入  node -v  检查node是否安装成功,如果显示版本号即是安装成功

输入  npm -v   检查npm是否安装成功,如果显示版本号即是安装成功

(npm可以理解为node依赖包管理工具,一般安装node便会一同安装)

vuejs环境搭建_vue搭建论坛

 第四步(可有可无,建议装):安装cnpm

 由于要通过npm下载依赖,但是由于是境外网站,因此难免偶尔抽风,我们就可以配置一个国内的镜像网站用于依赖的下载,而我们大气的阿里巴巴就这样提供了这个东西。

在dos窗口输入

npm install -g cnpm --registry=https://registry.npm.taobao.org

在下载结束后同样输入    cnpm -v      检查是否安装成功

vuejs环境搭建_vue搭建论坛

 如图所示即为成功

第五步:下载依赖

三种方式下载都可以,二者选其一

1.在所使用的编辑器的终端页面进行操作,如H Builder X或者idea都是同样的道理

2.在安装的文件下,空白的区域按住shift键+鼠标右击——–>在此处打开Powershell窗口

vuejs环境搭建_vue搭建论坛

vuejs环境搭建_vue搭建论坛

 3.在dos窗口下一直cd到安装node的目录

在以上三种任意一个窗口的光标处输入:

npm install

 就会自动开始下载,只要稍等片刻就行,但是之前提过,因为是境外网站,难免会抽风,这时如果失败了,那么我们之前安装的cnpm就派上用场了。同样在光标处输入:

cnpm install

同样稍等片刻便会自动安装完成,这样node需要的依赖就都下载完成了。

整个开发环境的搭建就大功告成啦!!!

其他事项

1.如果需要其他的第三方依赖,同样使用npm或者cnpm进行下载即可,比如说element-ui就是一个第三方,如果需要使用记得先用npm或者cnpm进行install即可。最好在前端编辑器的终端进行安装,这样就免去了一步一步找文件的步骤(懒人本懒了),之后输入

npm i 依赖名字

2.有些教程还会提到更改node本地库的位置,node安装时默认本地仓库的位置是c盘,这个看个人需要,可以更改也可以不更改,如果更改了记得配置下环境变量就行。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/189181.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • window server2016服务器激活方法(简单快速,亲测可用)

    window server2016服务器激活方法(简单快速,亲测可用)1.打开cmd控制台,按顺序输入以下命令,有报错不要管它。slmgr/upkslmgr.vbs/ipkCB7KF-BWN84-R7R2Y-793K2-8XDDGslmgr.vbs/skmskms.lotro.ccslmgr.vbs/ato2.进入电脑属性激活服务器WindowsServer2016数据中心CB7KF-BWN84-R7R2Y-793K2-8XDDGW…

  • ARM指令集介绍「建议收藏」

    ARM指令集介绍「建议收藏」ARM指令介绍ARM指令集是专门针对ARM体系架构使用的指令。在BootLoader引导的第一阶段以及内核的第一阶段都会有个使用汇编语言编写的head.S文件,在不跑操作系统的裸板中也有一段用来初始化开发板环境的汇编代码。所以无论是开发跑操作系统的板子,还是裸板开发,汇编语言都很有必要学习一番,最少要了解一些常用的汇编指令。ARM指令集可以分为以下六种跳转指令数据处理指令程序状态寄存…

    2022年10月31日
  • 新书上市 | 世界名校数据挖掘经典《斯坦福数据挖掘教程(第3版)》「建议收藏」

    新书上市 | 世界名校数据挖掘经典《斯坦福数据挖掘教程(第3版)》「建议收藏」题图|作者为ScottUllman《斯坦福数据挖掘教程(第3版)》上架之后,这是我们第一次整篇文章介绍这本书。这本书相当受欢迎(前两个版本累计销量超过5万册),尤其是受学校青…

  • java定时器「建议收藏」

    java定时器「建议收藏」java定时器

  • docker修改mysql密码_mysql重新设置密码

    docker修改mysql密码_mysql重新设置密码进入容器dockerexec-it{容器ID}/bin/bash调整MySQL配置文件,设置跳过权限控制:echo”skip-grant-tables”>>/etc/mysql/conf.d/docker.cnf警告:这就意味着任何用户都能登录进来,并进行任何操作,相当不安全。退出容器:exit重启容器:dockerrestart{容器ID}再次进入容器:dockerexec-it{容器ID}/bin/bash登录mysql(无需密码):my.

    2022年10月15日
  • 微服务:注册中心ZooKeeper、Eureka、Consul 、Nacos对比

    微服务:注册中心ZooKeeper、Eureka、Consul 、Nacos对比前言服务注册中心本质上是为了解耦服务提供者和服务消费者。对于任何一个微服务,原则上都应存在或者支持多个提供者,这是由微服务的分布式属性决定的。更进一步,为了支持弹性扩缩容特性,一个微服务的提供者的数量和分布往往是动态变化的,也是无法预先确定的。因此,原本在单体应用阶段常用的静态LB机制就不再适用了,需要引入额外的组件来管理微服务提供者的注册与发现,而这个组件就是服务注册中心。CAP理论…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号