前言
到目前为止,vue-cli 项目基本已经完成了,那么现在我们只剩最后一步了,那就是怎么将项目进行打包并放进服务器中。
首先
在 vue-cli 项目根目录中打开 cmd 命令行工具,执行命令:npm run build后命令行工具会开始处理。
然后
当执行完成后,我们可以看到项目根目录中多了一个名为dist的文件夹,打开一看,可以看到很多我们熟悉的东西,比如index.html,css,js等,没错了,这个就是打包后生成的文件了,我们只需要将这一份代码放进服务器中即可。
注意
在执行打包命令时,有时会报一些错误,比如:
1 | To install it, you can run: npm install --save vue-router |
这是因为vue-router没有找到,需要重新安装,我们在命令行工具执行npm install --save vue-router即可。安装完成后再次尝试进行打包。
如果还是失败,我们可以尝试将
node_modules文件夹删除掉,然后再次执行npm install安装依赖。
一般情况下,项目能正常启动的话,打包时是不会报错的,如果报错了,按照报错提示进行修改即可。