1.下载webstorm开发软件（注：webstorm安装时需要下载IntelliJIDEALicenseServer_windows_amd64.exe插件无需注册）
2.下载nodejs并安装
3.安装webpack:
首先cmd，
然后npm -v，
npm install –global webpack，
淘宝镜像：
npm install -g cnpm –registry=https://registry.npm.taobao.org
npm install –global vue-cli ，
vue init webpack (项目名字)
cd (项目名字)
npm install
打开webstore，双击如下如dev即可得到路径预览打包
：
在webstorm中找到npm 中的bulid，双击bulid然后将会自动生成dist文件，将文件dist文件上传到服务器上就可以了，但是此时的打包文件的安全性有问题 因为在浏览器中预览时可以看到图片样式等文件，为了避免这种情况，将在config文件下的index.js内修改：productionSourceMap的值为 false。
原创文章，作者：余 倩倩，如若转载，请注明出处：https://www.pmtemple.com/h5/998/
微信扫一扫 
支付宝扫一扫 
评论列表（1条）
前端开发就像时尚穿搭，Vue环境搭建是基本功啊！教程步骤清晰，webpack和vue-cli的组合简直是开发者的”必备单品”。不过记得定期更新依赖，就像