vue开发环境搭建(win7)

vue开发环境搭建(win7)vue开发环境搭建-win71.安装node,js2.设置nodeglobal(全局)和cache(缓存)路径3.配置环境变量4.基于Node.js安装cnpm(淘宝镜像)5.安装vue6.安装vue脚手架vue-cli7.项目创建8.添加相关依赖9.修改端口号10.运行项目1.安装node,js下载node.js安装包:node.js下载官网在这里,我选择…

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

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

1. 安装node,js

下载node.js安装包: node.js下载官网
在这里插入第三方图片描述
在这里,我选择64位windows安装包(.msi)
然后,根据提示“下一步”,完成node.js的安装。
安装成功后,打开docs管理工具,输入“node -v”,查看node.js版本,若显示成功,则代表安装成功,如下图所示:
在这里插入图片描述

2. 设置node global(全局)和cache(缓存)路径

  • 设置缓存文件夹
 npm config set cache "F:\software\nodejs\node_cache"
  • 设置全局模块存放路径
 npm config set prefix "F:\software\nodejs\node_global"

3. 配置环境变量

  • 新增系统变量 NODE_PATH
F:\software\nodejs\node_global\node_modules

在这里插入图片描述

  • 修改用户变量 PATH
F:\software\nodejs\node_global;

在这里插入图片描述

4. 基于 Node.js 安装cnpm(淘宝镜像)

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

注意:安装淘宝镜像如果报错
(npm ERR! request to https://registry.npmjs.org/express failed, reason: unable to verify the first certificate)

解决办法如下:

npm config set strict-ssl false

5. 安装vue

cnpm install vue -g

6. 安装vue脚手架 vue-cli

cnpm install vue-cli -g

7. 项目创建

vue init webpack vuespringboot

在这里插入图片描述

8. 添加相关依赖

 cnpm install

在这里插入图片描述

9. 修改端口号

为了防止和后端端口8080冲突,将前端端口号修改为8090
修改 config目录下面的 index.js文件
在这里插入图片描述

10. 运行项目

在这里插入图片描述
在这里插入图片描述

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

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

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

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

(1)
blank

相关推荐

  • 树莓派4B如何使用串口与外部进行通信

    树莓派4B如何使用串口与外部进行通信外设IO口定义说明从树莓派的相关资料我们可以看到,树莓派有两个串口可以使用,一个是硬件串口(/dev/ttyAMA0),另一个是mini串口(/dev/ttyS0)。硬件串口有单独的波特率时钟源,性能好,稳定性强;mini串口功能简单,稳定性较差,波特率由CPU内核时钟提供,受内核时钟影响。树莓派(3/4代)板载蓝牙模块,默认的硬件串口是分配给蓝牙模块使用的,而性能较差的mini串口是分配给G…

  • Linux磁盘的挂载和卸载[通俗易懂]

    Linux磁盘的挂载和卸载[通俗易懂]磁盘经过分区和格式化后,如果想要使用这些磁盘,那么还需要挂载。在挂载某个分区前,需要先建立一个挂载点,这个挂载点是以目录的形式出现的,一旦把某个分区挂载到这个挂载点下,往这个目录写数据时,就都会写到该分区中。挂载的命令是:mount我们先建立一个新目录,并在这个新目录下新建立一个新文件,然后把sdb5挂载到此目录下,并用命令du查看是否已挂载上。此时我们会发现,新建立的ne…

  • url加时间戳避免再次请求当前路径出现的缓存问题[通俗易懂]

    url加时间戳避免再次请求当前路径出现的缓存问题[通俗易懂]1.先解释一下,为什么要加时间戳: URL后面添加随机数通常用于防止客户端(浏览器)缓存页面。浏览器缓存是基于url进行缓存的,如果页面允许缓存,则在一定时间内(缓存时效时间前)再次访问相同的URL,浏览器就不会再次发送请求到服务器端,而是直接从缓存中获取指定资源。2.加时间戳的方法:[javascript] viewplain copy

  • 运行时常量池与字符串常量池_常量池是什么

    运行时常量池与字符串常量池_常量池是什么文章目录1)方法区包含哪些内容?2)运行时常量池存在什么地方?3)取消永久代后,方法区的实现?4)字符串常量池和运行时常量池究竟去了哪里?4)元空间是什么?5)关于为什么移除永久代?5)补充        我们知道在JDK1.8中取消了永久代,区而代之使用了元空间来实现方法区。话虽如此,但是关于字符串常量池和运行时常量池的模棱两可的说法一直都是争论不休的。1)方法区包含哪些内容?方法区包含哪些内容,摘录自《java虚拟机规

  • Apache Tomcat

    Apache TomcatApache Tomcat

  • 离散 单射 满射 双射

    离散 单射 满射 双射单射双射满射阐述一下什么是单射,双射,满射1.单射:对于每一个不同的x都有不同的y,即x1!=x2–>y1!+y2条件:|X|<=|Y|2.满射:对于每一个y都有x与之对应条件:|Y|<=|X|3.双射:既是单射又是满射条件:|X|=|Y|代码实现通过map函数建立映射1.单射:map<int,int>BuildInjection(vector<int>src,vector<int>dst){map&l

发表回复

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

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