欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 汽车 > 新车 > 【VUE】vite构建项目

【VUE】vite构建项目

2024/10/25 16:25:07 来源:https://blog.csdn.net/qq_36462472/article/details/142444893  浏览:    关键词:【VUE】vite构建项目

一、环境准备

安装node.js(安装在电脑上一个javascript的解释器,类似于python解释器)
https://nodejs.org/en/download/ https://nodejs.org/dist/ >18.0版本

  • npm,node.js的包管理工具(类似于python中的pip)
    npm install xxx -g 模块 # 全局安装
    npm install xxx 模块 # 安装在当前项目的node_modules目录下
    注意源:
    npm config get registry
    npm config set registry=https://registry.npmmirror.com – 推荐

二、创建项目

1、创建代码的专门目录
2、创建项目
npm create vue@latest
3、安装和运行
npm install
npm run dev
4、项目部署
npm run build # 编译
编译后的代码在dist目录下,将其放在服务器上
安装配置nginx,将dist放在nginx的目录下
启动nginx

三、目录文件

index.html
main.js
App.vue

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com