生成一个基于vue+webpack的项目
1.在终端中进入需要创建项目的文件夹,安装vue/cli-init
cnpm install @vue/cli-init -g
2.创建项目模板-webpack
vue init webpack app01(你的项目名字)
vue init webpack app01
选择需要的配置然后“y”

生成的过程比较漫长可以慢慢等,大概需要十分钟。
完成后可以看到多了一个文件夹。
3.安装依赖
cnpm install
4.运行项目
npm run dev
5.编写你的项目,完成之后打包
如果项目需要部署,需要在打包前修改
config文件夹下的index.js中的assetsPublicPath:
一共有两个,需要将“/”改为"./"
打包:
npm run build
可以看见在dist文件夹内生成了一个index.html文件。
将dist文件部署到服务器上即可运行项目。

本文详细介绍了如何从零开始使用Vue CLI初始化并构建一个基于Webpack的项目,包括安装依赖、配置、运行和打包过程。通过修改Webpack配置,项目打包后的静态资源可以在服务器上顺利运行。
2284

被折叠的 条评论
为什么被折叠?



