失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > vue+webpack (vue-cli + vuex + vue-resource + vue-router) web工程搭建

vue+webpack (vue-cli + vuex + vue-resource + vue-router) web工程搭建

时间:2023-02-01 15:11:04

相关推荐

vue+webpack (vue-cli + vuex + vue-resource + vue-router) web工程搭建

1. 首先安装node和npm2. 安装vue(vue-cli脚手架):npm install -g vue-cli --registry=https://registry.vue --version查看vue是否安装好

3. vueinitwebpackmy-project-name创建一个基于"webpack"的项目,后跟项目名,(运行后要求填写项目信息,也可不写直接回车)4. cdmy-project-name 进入项目文件夹 执行npm install --registry=https://registry.安装项目所需依赖 出现在node-modules文件夹内

5. npm run dev 项目运行,直接跳转 http://localhost:80806. 运行后的项目代码改动,浏览器无需刷新,实时更新渲染7. npm run build 工程打包,生成dist文件夹,内包括打包后的html,css,js (一般路径正确,html是可以直接预览的,可搜索检查html和css中的文件路径)8. 项目部署,直接将打包后的 dist文件夹内的各文件上传服务器即可

如果觉得《vue+webpack (vue-cli + vuex + vue-resource + vue-router) web工程搭建》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。