网站建设和维护怎么学,灯具的网站建设,网页设计与网站建设简答题,智能建站收费标准构建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
n…
构建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 vitelatest 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 -g2、VSCode
打开VSCode 新建终端注意项目想要存放的路径 在这个终端里输入
vue init webpack 项目名然后一直按确认或输入y按确认等待项目初始化
3.报错
这时遇到了报错无法加载文件…
解决报错以管理员身份打开Windows PowerShell 输入set-ExecutionPolicy RemoteSigned 选择Y 或者A就可以了 4.运行
cd vue-cli进入创建的项目包
在终端输入npm run dev项目就跑起来啦
