vscode构建Vue3.0项目(vite,vue

#vscode构建Vue3.0项目(vite,vue| 来源: 网络整理| 查看: 265

构建Vue3.0项目构建Vue3.0项目1.使用Vite构建vue项目的方法以及步骤1. 安装vite2. 运行vite + vue 项目3.说明 2.使用vue-cli构建vue项目的方法以及步骤1.安装全局vue cli —— 脚手架2、VSCode3.报错4.运行

构建Vue3.0项目 1.使用Vite构建vue项目的方法以及步骤 1. 安装vite npm init [email protected]latest npm构建vite项目 yarn create vite yarn构建vite项目

依次需要配置项目名、框架选择、原生和ts版本的选择

注意取名字，删除他的默认名称写自己的

2. 运行vite + vue 项目

cd vue-vite进入创建的项目包

npm i/ yarn 下载项目所需的依赖

npm run dev / yarn dev 运行项目

到这一个vite + vue的项目最基本的框架就已经搭建完成了

3.说明

Vite 需要 Node.js 版本 14.18+、16+。但是，某些模板需要更高的 Node.js 版本才能工作，如果您的包管理器发出警告，请升级。

2.使用vue-cli构建vue项目的方法以及步骤 1.安装全局vue cli —— 脚手架

管理员运行cmd窗口输入

npm install vue-cli -g 2、VSCode

打开VSCode ，新建终端（注意项目想要存放的路径）在这个终端里输入

vue init webpack 项目名

然后一直按确认或输入y按确认，等待项目初始化

3.报错

这时遇到了报错：无法加载文件…

解决报错：以管理员身份打开Windows PowerShell 输入set-ExecutionPolicy RemoteSigned 选择Y 或者A，就可以了

4.运行

cd vue-cli进入创建的项目包

在终端输入npm run dev，项目就跑起来啦

【本文地址】

公司简介

联系我们