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

前言:

本文的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项目成了

相关推荐
计算机-秋大田4 小时前
基于Spring Boot的船舶监造系统的设计与实现,LW+源码+讲解
java·论文阅读·spring boot·后端·vue
~甲壳虫5 小时前
说说webpack中常见的Plugin?解决了什么问题?
前端·webpack·node.js
~甲壳虫5 小时前
说说webpack中常见的Loader?解决了什么问题?
前端·webpack·node.js
~甲壳虫5 小时前
说说webpack proxy工作原理?为什么能解决跨域
前端·webpack·node.js
熊的猫6 小时前
JS 中的类型 & 类型判断 & 类型转换
前端·javascript·vue.js·chrome·react.js·前端框架·node.js
Yaml415 小时前
Spring Boot 与 Vue 共筑二手书籍交易卓越平台
java·spring boot·后端·mysql·spring·vue·二手书籍
前端青山16 小时前
Node.js-增强 API 安全性和性能优化
开发语言·前端·javascript·性能优化·前端框架·node.js
清灵xmf18 小时前
在 Vue 中实现与优化轮询技术
前端·javascript·vue·轮询
GDAL18 小时前
npm入门教程1:npm简介
前端·npm·node.js
郑小憨1 天前
Node.js简介以及安装部署 (基础介绍 一)
java·javascript·node.js