vue环境的搭建,运行,打包,

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
vue环境的搭建,运行,打包, vue环境的搭建,运行,打包,
vue环境的搭建,运行,打包,打开webstore,双击如下如dev即可得到路径预览打包vue环境的搭建,运行,打包,

在webstorm中找到npm 中的bulid,双击bulid然后将会自动生成dist文件,将文件dist文件上传到服务器上就可以了,但是此时的打包文件的安全性有问题 因为在浏览器中预览时可以看到图片样式等文件,为了避免这种情况,将在config文件下的index.js内修改:productionSourceMap的值为 false。vue环境的搭建,运行,打包,

原创文章,作者:余 倩倩,如若转载,请注明出处:https://www.pmtemple.com/flyingfish/998/

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
余 倩倩的头像余 倩倩前端大师
上一篇 2018年1月14日 下午8:07
下一篇 2018年1月29日 下午5:38

相关推荐

发表回复

登录后才能评论
微信公众号
微信公众号
edgesensor_high 小程序
小程序
分享本页
返回顶部