Vue模块化开发步骤—遇到的问题—解决办法

目录

1.npm install webpack -g

2.npm install -g @vue/cli-init

3.初始化vue项目

4.启动vue项目


Vscode初建Vue时几个需要注意的问题-CSDN博客 

1.npm install webpack -g

全局安装webpack

直接命令提示符运行改指令会报错,operation not permitted

 

 注意:需要以管理员身份运行命令提示符

2.npm install -g @vue/cli-init

全局安装vue脚手架

3.初始化vue项目

vue init webpack appname:vue脚手架使用webpack模块初始化一个appname项目

当执行这条指令时,又报错了,显示“vue不是内部或者外部命令”

我遇到这个问题时,想的是,vue不是安装了吗,怎么还报这个错误,原来是没有配置环境变量

配置环境变量的步骤

1.命令提示符里面输入如下指令:得到相关路径

npm config get prefix

当然,你也可以使用下面这条指令查看vue.cmd所在的目录

npm config list

2.找到所在目录后,要做的就是把这个路径配置到环境变量里面

 

环境变量 两种添加方式:
①直接新建-规范取一个变量名-将vue.cmd所在路径复制到变量值

然后在path中添加此变量名,注意用%号包裹住,命名的情况和JDK配置时一样的

②第二种就是直接复制vue.cmd所在的路径,然后不用点击新建,找到path点击编辑,在里面新建将路径放进去即可

环境变量配置保存好之后,打开cmd,输入vue -V查看版本,输入vue查看详细

4.启动vue项目

项目的package.json中有scripts:代表我们能运行的命令

npm start = npm rum dev:启动项目

npm run build:将项目打包

前期精彩内容 

读研三年和工作三年,哪个更重要?-CSDN博客 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/764971.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

复试专业前沿问题问答合集14——自然语言处理

复试专业前沿问题问答合集14——自然语言处理 自然语言处理相关的基础知识问答: Q1: 什么是自然语言处理(NLP)? A1: 自然语言处理是计算机科学、人工智能和语言学领域的一个交叉学科,它致力于使计算机能够理解和处理人类语言。NLP的研究包括语言的语法、语义和语境分析…

第一部分:岗位认知

一、谈谈你对大学教师岗位的认识。(了解) 我想用三种身份来概括我对大学老师的认识:知识的传授者、生命的塑造者、学问的探求者。 (一)知识的传授者 韩愈曾说:“师者,所以传道授业解惑也。”教师…

算法设计与分析-分支限界——沐雨先生

(1)抓奶牛问题描述: 农夫约翰被告知逃跑的奶牛的位置,并且要求立即去抓住它。约翰开始的位置在数轴上位置 N ( 0 ≤ N ≤ 100) ,而奶牛的位置在同样一个数轴上的 K (0 ≤ K ≤ 100) 。约翰有两种移动方式&…

Windows下同时安装多个版本的JDK并配置环境变量

说明:这里安装的JDK版本为1.8和17 JDK下载 官方地址: https://www.oracle.com/java/ 我这里下载的是exe安装包 安装这里就不阐述了,安装方法都是一样的。 系统环境变量配置 1、首先新建JDK1.8和17的JAVA_HOME,他们的变量名区分开&#xff…

Disruptor概览

版本&#xff1a;3.4.2 使用案例 初始化 Disruptor<T> disruptor new Disruptor<>(T::new, RING_BUFFER_SIZE,(Runnable r) -> new Thread(r, "MY-DISRUPTOR-THREAD"),ProducerType.MULTI,new SleepingWaitStrategy(50, TimeUnit.MICROSECONDS.to…

只看到真人版《武庚纪》的顶级特效?那你亏大了!

“一不留神就看6集”&#xff0c;一看一个不吱声&#xff0c;相信看过《烈焰》&#xff08;原名&#xff1a;武庚纪&#xff09;的观众或多或少都有和笔者一样的感受。 与其他国产剧不同的是&#xff0c;《烈焰》改编自动画《武庚纪》&#xff0c;“漫改”让他的人物装造更贴近…

基于python+vue超市在线销售系统的设计与实现flask-django-php-nodejs

根据此问题&#xff0c;研发一套超市在线销售系统&#xff0c;既能够大大提高信息的检索、变更与维护的工作效率&#xff0c;也能够方便信息系统的管理运用&#xff0c;从而减少信息管理成本&#xff0c;提高效率。 该超市在线销售系统采用B/S架构、并采用python语言以及django…

【Python 滑块不同的操作】对滑块进行处理,列如切割、还原、去除、无脑识别距离等等

文章日期&#xff1a;2024.03.23 使用工具&#xff1a;Python 类型&#xff1a;图片滑块验证的处理&#xff08;不限于识别距离&#xff09; 使用场景&#xff1a;&#xff1f; 文章全程已做去敏处理&#xff01;&#xff01;&#xff01; 【需要做的可联系我】 AES解密处理&a…

质量模型、软件测试流程和测试用例

质量模型 衡量一个优秀软件的维度 可以从功能性、性能、兼容性、易用性、安全、可靠性、可维护性、可移植性这几个方面去做软件测试&#xff0c;但咱们在正常测试中一般是选取前五项进行测试 测试流程 1、需求评审&#xff1a;确保各部门对需求的理解一致 2、测试计划编写&a…

python基础17_函数基础

函数是啥 函数就是实现特定功能的一坨代码 数值类型: 保存一个数据 序列类型: 保存多个数据 函数: 保存的是多段代码 优点:: 就是存储一段具有特定功能的代码,方便去重复的使用 函数的命名规范和变量是一样的 1.由数字,字母,下划线组成 2.不能数字开头,不能有其他特殊符号…

Python计算机二级选择易错题(三)

选择题第02&#xff0c;03&#xff0c;04套 题目来源&#xff1a;python计算机二级真题&#xff08;选择题&#xff09; - 知乎 选择题第02套 选择题第03套 选择题第04套 time()获取当前时间&#xff0c;即计算机内部时间&#xff0c;浮点数&#xff1b;import time库&#x…

【TC3xx芯片】如何监控TC3xx芯片PFlash的ECC错误

目录 前言 正文 1.芯片内部的ECC处理机制 2.TC3xx芯片PFlash的ECC错误信息 2.1 ECCR寄存器 2.2 PFI修正的单bit地址缓冲区SBAB寄存器 2.3 PFI修正了双位地址缓冲区DBAB寄存器 2.4 PFI未修正的多位地址缓冲区MBAB错误 2.5 PFI未更正的所有零位地址缓冲区ZBAB寄存器 3.…

用户多部门切换部门,MySQL根据多个部门id递归获取所有上级(祖级)、获取部门的全路径(全结构名称)

背景 之前做过的项目&#xff0c;都是一个用户就一个部门的&#xff0c;现在碰到个一个用户在多个部门的需求&#xff0c;而且需要可以切换不同部门查看不同数据。 就比如说一个大公司下面有多个子公司&#xff0c;每个子公司有好多部门、子部门等等&#xff0c;然后有部分用…

【赠书第21期】游戏力:竞技游戏设计实战教程

文章目录 前言 1 竞技游戏设计的核心要素 1.1 游戏机制 1.2 角色与技能 1.3 地图与环境 2 竞技游戏设计的策略与方法 2.1 以玩家为中心 2.2 不断迭代与优化 2.3 营造竞技氛围与社区文化 3 实战案例分析 4 结语 5 推荐图书 6 粉丝福利 前言 在数字化时代的浪潮中&…

AWTK-MODBUS 服务器

AWTK-MODBUS 服务器 1. 介绍 AWTK-MODBUS 提供了一个简单的 MODBUS 服务器&#xff0c;可以通过配置文件来定义寄存器和位的数量和初始值。 启动方法&#xff1a; bin/modbus_server_ex config/default.json2. 配置文件 配置文件使用JSON格式。 url: 连接地址auto_inc_in…

Rust之构建命令行程序(五):环境变量

开发环境 Windows 11Rust 1.77.0 VS Code 1.87.2 项目工程 这次创建了新的工程minigrep. 使用环境变量 我们将通过添加一个额外的功能来改进minigrep:一个不区分大小写的搜索选项&#xff0c;用户可以通过环境变量打开该选项。我们可以将此功能设置为命令行选项&#xff0c;…

uniapp(vue3) H5页面连接打印机并打印

一、找到对应厂商打印机的驱动并在windows上面安装。查看是否安装完成可以在&#xff1a;控制面板->查看设备和打印机&#xff0c;找到对应打印机驱动是否安装完成 二、打印机USB连接电脑 三、运行代码调用浏览器打印&#xff0c;主要使用的是window.print()功能。下面使用…

前端学习笔记 | Node.js

一、Node.js入门 1、什么是Node.js 定义&#xff1a;是跨平台JS运行环境&#xff08;可以独立执行JS的环境&#xff09;作用&#xff1a; 编写数据接口&#xff0c;提供网页资源功能等等前端工程化&#xff1a;为后续学Vue和React等框架做铺垫 2、Node.js为何能执行JS&#xff…

python分类信息服务平台移动端的设计与实现flask-django-php-nodejs

分类信息服务平台设计的目的是为用户提供活动信息、活动记录等方面的平台。 与PC端应用程序相比&#xff0c;分类信息服务平台的设计主要面向于移动端&#xff0c;旨在为管理员和用户、商铺提供一个分类信息服务平台。用户可以通过Android及时查看活动信息等。 分类信息服务平台…

牛客笔试|美团2024春招第一场【测试方向】

第一题&#xff1a;小美的数组询问 小美拿到了一个由正整数组成的数组&#xff0c;但其中有一些元素是未知的&#xff08;用 0 来表示&#xff09;。 现在小美想知道&#xff0c;如果那些未知的元素在区间 [l, r] 范围内随机取值的话&#xff0c;数组所有元素之和的最小值和最大…