脚手架cli快速创建Vue2/Vue3项目

news/2024/7/10 1:36:31 标签: vue, node.js, npm

前言:

本文的nodejs版本是14.21.3

第一步

进入cmd窗口

1、全局安装webpack npm install webpack-g,

npm install webpack-g

第二步

2、全局安装vue脚手架

npm install -g @vue/cli

第三步

3、初始化vue项目  (vue脚手架使用webpack模板初始化一个appname项目)

vue create appname(你的项目名称)  

注意:如果这里你报 :'vue' 不是内部或外部命令,也不是可运行的程序 或批处理文件

需要配置一下vue-cli的环境变量

你可以打开一个终端窗口,然后运行以下命令来查看全局安装的 Vue CLI 的具体路径:

npm list -g @vue/cli

环境变量的配置就不详解了,不懂得可以类比之前的jdk环境变量:如何配置JDK的环境变量(简单灵活易懂)-CSDN博客

或者评论区留言

 这里我创建的是vue2项目(当然可以根据需要选择vue3项目),选中回车就可以了,静等一会儿

按照提示执行 cd vue2-demo(进入项目目录) 和npm run dev(运行项目) 

效果图 

至此就通过脚手架搭建完一个vue2/vue3项目成了


http://www.niftyadmin.cn/n/5421501.html

相关文章

Edu12 Beautiful Subarrays --- 题解

Beautiful Subarrays: 题目大意: 思路解析: 要找到一个区间并且区间的l--r里面所有的元素异或值大于等于k,称这样的数组是优美子数组,问优美子数组有多少个。 [L,R] 的数组异或和等价于 (a1,a2,a3,....aL-1) ^ (a1,a2,a3,a4,..…

AI辅助研发的技术趋势

AI辅助研发的技术进展 2024年,AI辅助研发领域将继续迎来技术突破和创新。深度学习、强化学习和生成模型等技术将在研发中发挥越来越重要的作用。深度学习在数据分析和模式识别方面表现突出,可用于加速药物发现、材料设计和产品优化等任务。强化学习则在…

GPT实战系列-LangChain实现简单链

GPT实战系列-LangChain实现简单链 LangChain GPT实战系列-LangChain如何构建基通义千问的多工具链 GPT实战系列-构建多参数的自定义LangChain工具 GPT实战系列-通过Basetool构建自定义LangChain工具方法 GPT实战系列-一种构建LangChain自定义Tool工具的简单方法 GPT实战系…

蓝桥杯嵌入式省赛模板构建——UART接收

单片机接收电脑发送的数据 程序设计步骤 1.配置USART1的PA9,PA10为串口收发引脚 2.配置USART的波特率、奇偶校验位、停止位、时钟 3.勾选NVIC Setting中的使能USART1的中断 4.将source生成的.c和.h文件移植到目标工程 4.1 USART初始化部分需要移植NVIC初始化内容 4.2 在…

通信总线协议之CAN-FD协议详解

文章目录 通信总线之CAN-FD总线协议详解1. CAN-FD 简介1.1 什么是CAN FD1.2 CAN FD的特点 2. CAN-FD总线协议2.1 帧起始2.2 仲裁段2.3 控制段2.4 数据段2.5 CRC段2.6 ACK段2.7 帧结束 3. 如何从传统的CAN升级到CAN FD 通信总线之CAN-FD总线协议详解 1. CAN-FD 简介 1.1 什么是…

SpringBoot中定时任务、corn表达式

SpringBoot中定时任务、corn表达式 corn表达式网站:https://cron.qqe2.com/ 方法上加上Scheduled(cron表达式) 启动类上加上EnableScheduling 示例 启动类上 启动类加上EnableScheduling开启定时任务。 SpringBootApplication EnableScheduling public class…

PiflowX-TopN组件

TopN组件 组件说明 按列排序的N个最小值或最大值。 有界性 batch streaming 计算引擎 flink 组件分组 common 端口 Inport:默认端口 outport:默认端口 组件属性 名称展示名称默认值允许值是否必填描述例子column_listcolumn_list“*”无否查…

ChatGPT引领智能对话:微信小程序的新潮玩法

1.引言 ChatGPT是由OpenAI开发的基于深度学习的自然语言处理模型,它在人工智能领域具有重要的影响力。ChatGPT基于大规模的文本数据进行训练,能够生成高质量的自然语言文本,包括对话、文章等。它的影响力主要体现在以下几个方面:…