HBuilder 创建Vue项目完整步骤

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项目，然后创立完成以后，在hbuilder中右击文件夹，点击外部命令选项，先install，然后build，然后server，有哪个先执行哪个。执行server之后，前面的终端没有提示错的，情况下。可以访问http://localhost:8080/ 这样就访问了vue页面

HBuilder 创建Vue项目完整步骤相关推荐

Vue-cli创建Vue项目工程步骤详解
Vue-cli 即:Vue脚手架.官方网址:vue-cli官网本篇文章以我经常创建Vue项目工程的步骤为例,带着大家一步一步创建一个全新的vue项目工程.文章会详细讲解Vue脚手架创建项目的每一个步 ...
vue-cli创建vue项目详细步骤
一.安装node环境(建议使用LTS) Download | Node.js 二.下载vue和vue-cli脚手架命令:npm i -g vue ; npm i -g @vue/cli 三.在想要创 ...
搭建一个Vue项目(完整步骤)
一.安装Node环境具体请参考:http://www.dinganan.cn/nodej安装和配置/ 二.搭建vue项目环境 1.全局安装vue-cli npm install --global v ...
MacOS 搭建一个vue项目(完整步骤)
搭建一个Vue项目一.安装node环境二.搭建vue项目环境 1.全局安装vue-cli 2.检查是否安装成功 3.创建一个基于 webpack 模板的新项目 4.安装依赖 5.启动项目三.vu ...
创建Vue项目的步骤和流程
第一步:创建项目.找到要创建项目的文件夹输入CMD 进入终端输入"vue create 项目名" 创建项目第二步:进入版本选择按上下键选选择最后的自定义版本按回车键第三 ...
Hbuilder将vue项目打包为app（具体步骤和注意点）
Hbuilder将vue项目打包为app(具体步骤和注意点) 打包配置进行打包注意事项打包配置 1.打开Hbuider,点击左上角文件,点击新建,然后点击项目.项目类型要选择5+App,项目名称 ...
ui vue 创建项目教程并关闭语法_使用vue ui命令创建vue项目步骤
1.前置环境 1.node.js 2.vue-cli 3.webstorm 2.创建步骤 1.在webstorm中打开一个终端,输入 #vue ui 运行结束后,会启动一个web服务用以可视化创建vu ...
使用vite创建vue项目步骤
由之前使用@vue/cli创建vue项目,改为用vite创建使用步骤使用以下命令实现使用vite创建vue项目: npm init vite-app <project-name> 相比 ...
微信开发者工具创建vue项目步骤
在我开始学习vue的时候,对于新手安装这个环境是真的搞人心态,不友好.在不断的安装,找教程,又帮同学配置了下,有必要自己总结下.对于新手搭建vue环境,就一步步来就ok了. 在用 Vue 构建大型应用 ...

HBuilder 创建Vue项目完整步骤

HBuilder 创建Vue项目完整步骤相关推荐

最新文章

热门文章