生成一个基于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文件部署到服务器上即可运行项目。