湖北皇奥建设工程有限公司网站,wordpress自动生成缩略图,浏览网站手机响,seo外包公司优化create-vue
官网#xff1a;快速上手 | Vue.js
create-vue 是 Vue3 的专用脚手架#xff0c;使用 vite 创建 Vue3 的项目#xff0c;也可以选择安装需要的各种插件#xff0c;使用更简单。
1、使用方式
npm create vuelatest这个命令会安装和执行 create-vue#xff0…create-vue
官网快速上手 | Vue.js
create-vue 是 Vue3 的专用脚手架使用 vite 创建 Vue3 的项目也可以选择安装需要的各种插件使用更简单。
1、使用方式
npm create vuelatest这个命令会安装和执行 create-vue它是 Vue 提供的官方脚手架工具。 创建好项目的目录结构如下
如果不确定是否要开启某个功能你可以直接按下回车键选择 No。在项目被创建后通过以下步骤安装依赖并启动开发服务器 cd vue-projectnpm installnpm run dev
你现在应该已经运行起来了你的第一个 Vue 项目请注意生成的项目中的示例组件使用的是组合式 API 和 script setup而非选项式 API。访问界面如下 2、部署
当你准备将应用发布到生产环境时请运行
npm run build
执行完成后会在 Vue 项目下会生成一个 dist 目录该目录一般包含 index.html 文件及 static 目录static 目录包含了静态文件 js、css 以及图片目录 images如果有图片的话。 直接使用浏览器打开index.html文件会是空白页面控制台报错。 Failed to load resource: net::ERR_FILE_NOT_FOUND 原因
其实是因为打包后的文件是需要在服务器中运行的build生成的文件要放在服务器里面(可以用apache或者tomcat)
简单方案
全局安装http-server
npm install http-server -g
进入项目目录
cd dist
运行http-server 打开 http://127.0.0.1:8080能正确访问到通过打包后dist部署的项目了。
