使用vite搭建前端项目

1、在vscode 终端那里执行创建前端工程项目,其中shop-admin为项目名称:

npm init vite-app  shop-admin

提示如需安装其他依赖执行npm install ....,否则忽略(第三步再讲)。

2、执行npm run dev 命令直接运行创建好的项目,在浏览器打开链接地址,可观看前端效果。

npm run dev 

3、如需要在项目中使用库,可在项目中执行使用npm install 命令执行安装,例如引入less库

less:npm install less less-loader -D

4、使用vite打包命令,这里只是简单讲述打包,域名配置代理,那一部分跳过不讲。

npm run build

执行打包命令后,可以用看到,多一个dist目录。dist目录下为打包结果。

相关推荐
小小竹子4 分钟前
前端vue-实现富文本组件
前端·vue.js·富文本
小白小白从不日白13 分钟前
react hooks--useReducer
前端·javascript·react.js
下雪天的夏风25 分钟前
TS - tsconfig.json 和 tsconfig.node.json 的关系,如何在TS 中使用 JS 不报错
前端·javascript·typescript
diygwcom37 分钟前
electron-updater实现electron全量版本更新
前端·javascript·electron
Hello-Mr.Wang1 小时前
vue3中开发引导页的方法
开发语言·前端·javascript
程序员凡尘1 小时前
完美解决 Array 方法 (map/filter/reduce) 不按预期工作 的正确解决方法,亲测有效!!!
前端·javascript·vue.js
编程零零七5 小时前
Python数据分析工具(三):pymssql的用法
开发语言·前端·数据库·python·oracle·数据分析·pymssql
(⊙o⊙)~哦7 小时前
JavaScript substring() 方法
前端
无心使然云中漫步7 小时前
GIS OGC之WMTS地图服务,通过Capabilities XML描述文档,获取matrixIds,origin,计算resolutions
前端·javascript
Bug缔造者7 小时前
Element-ui el-table 全局表格排序
前端·javascript·vue.js