请问HbuilderX创建的vue项目路径怎么设置

沈。 2019-12-24 11:37:26

就像这种，我想改为http://127.0.0.1就可以访问，请问该怎么办

...全文

1040 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

前端开发小能手 2019-12-24

打赏
举报

回复

压缩过的文件需要放在服务器上才可以，没压缩过的源码在项目根目录用npm run dev(vue-cli2)或者npm run serve(vue-cli3)启动服务后，就可以用服务器的方式打开

uniapp是一个使用Vue.js开发所有前端应用的框架，它可以开发跨平台的应用，编译到iOS、Android、H5、以及各种小程序（微信/支付宝/百度等）等多个平台。使用uniapp，开发者可以编写一次代码，发布到多个平台，大大提高了开发效率和代码复用性。二、环境搭建安装Node.js：首先，你需要在你的电脑上安装Node.js环境，Node.js的下载和安装可以直接在其官网进行。安装HBuilderX：HBuilderX是DCloud（数字天堂）推出的一款强大的HTML5开发环境，支持HTML5、JavaScript、CSS等Web开发技术，同时提供了丰富的插件和API接口。你可以在DCloud官网下载并安装HBuilderX。创建uniapp项目：打开HBuilderX，点击“文件”->“新建”->“项目”，在弹出的窗口中选择“uni-app项目”，然后按照提示填写项目名称和项目路径，最后点击“创建”即可。

1,在nodejs官网下载对应需要的版本 2，安装好之后，在本地cmd中，输入where node确定node路径，我这里路径是C:\Program Files\nodejs 3，在hbuilder.x的设置按钮中，运行配置，对应的npm路径，以及node.exe路径，这二个在一个目录下面，譬如我这里就是C:\Program Files\nodejs\npm 以及C:\Program Files\nodejs\node.exe 4，在hbuilder.x建立项目，选择vue项目，然后创立完成以后，在hbu.

2019全新打造Web前端教程，Vue实战项目之喵喵电影，详细讲解项目演示与开发流程。

HBuilderX搭建Vue项目 node安装 vue的运行依赖node.js，需要先安装node.js。下载地址：https://nodejs.org/en/download/ 不要改安装路径，改了后续可能会出很多问题，根据安装向导安装即可。查看node版本查看npm版本搭建项目新建项目——选择vue项目，HBuilderX就会自动创建好项目。生成的vue项目结构： HBui...

在本文中，我们将介绍如何使用HBuilderX来创建一个基于Vue 2和ElementUI的项目。HBuilderX是一款强大的开发工具，可用于快速搭建和开发Vue项目。ElementUI是一套基于Vue.js 2.0的桌面端组件库，拥有丰富的UI组件和交互效果。

39,084

社区成员

5,548

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章