一、使用vue-cli创建

1、查看vue版本，确保在4.5.0以上

2、如果不是4.5.0，就用 npm install -g @vue/cli安装最新版本

3、创建3.0项目，在想创建项目的地址栏输入：cmd

如果出现选择，选择vue3，按回车

建好了

二、使用Vite创建（注意：安装最新版的vite）

1、同样在路径框输入cmd，按回车

2、输入：npm init vite@latest shop-admin，【shop-admin】是项目文件夹的名称，如果有项目文件夹，此步骤忽略）选择Y，按回车

vite@latest 是安装最新版本vite

3、用上下方向键，选择vue,再按回车

4、选择语言，一般选JavaScript

3、进入项目文件夹路径，【shop-admin】路径，执行npm install

OK了

（1）、如果出现错误了，错误一：vue : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本。

set-ExecutionPolicy RemoteSigned （签名或运行这些脚本）

（2）如果出现npm ERR! errno -4058报错解办法

两种方式：

1、删除node_modules文件夹

2、npm换成cnpm 问题解决

最后，打开项目：npm run dev

【Vue3】创建Vue3.0脚手架工程的解决方法（图文）相关推荐

Vue3 —— 创建 Vue3.0 工程
系列文章目录内容参考链接 Vue3 创建 Vue3.0 工程 Vue3 - Composition API(零) setup函数.ref函数.reactive函数.响应式.reactive对比re ...
创建一个 dva 脚手架工程
2019独角兽企业重金招聘Python工程师标准>>> 1.2 dva 安装使用 dva-cli 命令行工具安装 dva.(本文假设已掌握 npm 基础知识) 安装 dva-cli ...
vue create xxx创建项目过程中报错的解决方法
vue create xxx创建项目过程中报错的解决方法报错图例解决办法报错图例解决办法首先检查电脑里是否安装node.js 检查方法:命令行输入 node -v 还要再输入一个 npm - ...
npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! test_vue_0613@1.0.0 dev: 错误的解决方法
npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! test_vue_0613@1.0.0 dev: 错误的解决方法参考文章: (1)npm ERR ...
IIS7下【请求被中止: 未能创建 SSL/TLS 安全通道】解决方法
IIS7下 [请求被中止: 未能创建 SSL/TLS 安全通道 ] 解决方法参考文章: (1)IIS7下 [请求被中止: 未能创建 SSL/TLS 安全通道 ] 解决方法 (2)https://ww ...
MVC4发布到IIS，出现HTTP 错误 404.0 - Not Found的解决方法
MVC4发布到IIS,出现HTTP 错误 404.0 - Not Found的解决方法参考文章: (1)MVC4发布到IIS,出现HTTP 错误 404.0 - Not Found的解决方法 (2) ...
wow语音服务器卡蓝条,魔兽世界6.0卡蓝条解决方法登陆界面卡主解决办法
魔兽世界6.0终于也上线了,但是大家现在登陆游戏了没有呢?是不是很多玩家都卡在登陆界面了呢?今天小编为大家带来魔兽世界6.0卡蓝条解决方法登陆界面卡主解决办法,一起看看吧. 据各路大神的指点,基本可 ...
win8运行matlab7.0,Win8.1系统中matlab7.0不兼容的解决方法
Win8.1系统中matlab7.0不兼容的解决方法作者:深度技术员文章来源:未知发布时间:2018-02-23 15:08 matlab7.0是一款商业数学软件,很多win8.1系统由于学习或 ...
Eclipse Java Oxygen不能创建动态的web项目（解决方法）
Eclipse Java Oxygen不能创建动态的web项目(解决方法) 一.eclipse安装J2EE插件一.eclipse安装J2EE插件 Oxygen版本Eclipse没有toamct开发工 ...

【Vue3】创建Vue3.0脚手架工程的解决方法（图文）