使用vite搭建前端项目

人民的石头2023-10-24 18:01

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目录下为打包结果。