webapp开发之bui入门环境搭建及执行npm命令报错解决

引言:

BUI是一个WebApp开发使用的框架,使用这个框架开发呢的app支持跨多个平台部署,这样方便很多。要使用BUI,首先要安装以及部署环境,过程中确实很让新手头疼,记录一下,望后人能少踩坑。

BUI的官方网站是:BUI(含快速入门教程)

1.下载完整的工程模板 :

步骤:下载多页开发包 开发包下载——解压。

ps:网页中两个选项,单页开发包和多页开发包。选择多页开发包下载,下载后解压。可以看到一个完整的工程目录。

但是此时的情况就像是在idea编辑的java项目一样,仅仅是把代码写好了,或者别人把源代码刚好打包给你,还没有编译。现在可以用vscode对里面的html页面进行编辑,但却不能运行在服务当中。

想要运行在服务当中,需要用到一个工具——npm。npm包含在node.js当中,所以只要下node.js。node.js是一个javascript的开发环境,npm在里面充当类似于一个管理工具角色。

2.安装nodejs

步骤 :https://www.jianshu.com/p/13f45e24b1de。找了这么多,还是这个教程好

需要注意的是:我安装了很多个版本,但都有错,求稳的话还是跟着我安装node-v10.10.0-x64.msi这个node10版本。最好不要安装最新的node12版本,经验之谈,什么软件都不要装最新的,好多兼容性问题能让你崩溃到学一门技术还没开始就放弃。另外就是安装第三步最好选这一个默认的第一个选项,我安装了四五遍了,每次都是选最后一个自动添加路径,但是最后都不成功。我不确定是不是这个选项的问题,但是保险起见,还是选第一个。因为即使选的第一个安装之后,他也会自动帮你添加node还有npm的环境变量。

3.环境配置

步骤:

  1. 进入项目文件夹,地址栏输入cmd回车,进入dos命令行界面

  2. 输入命令: npm install

    中途会遇道卡顿进度条停在那,或者看似顺利执行完成。如果是卡顿停在向github获取资源这一条命令:

    解决方法是:直接ctrl + c停止进程,连续按两次。

  3. 再执行这一条命令:
    npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/

    分析:之所以会停在这,是因为node-sass被墙了,换成国内淘宝的镜像就好了。

  4. 最后执行命令:
    npm run dev

命令执行之后自动跳转到浏览器,成功!



分析:假如,你在执行npm install时没有卡顿,执行完成了,但是你的过程中会出现很多这样的英文:

deprecated是不赞成,强烈反对的意思,我试过了,即使是换成管理员权限也还是会一样最后面执行npm run dev也可能会出这样的错:

这个图不完整,上面一部分没截到,往上翻可以找到有关sass错误提示,而且最后一句也说了,这可能不是你npm的问题,也就是说你的npm安装的很好。但是上面的sass提示说明你的node-sass有问题。官网上说是可能会出现版本兼容的问题,这也是为什么上面强调不要下10以上的版本,如果按照我的教程还出错的话,建议卸载原有的node-sass,下载对应版本,版本对应如下:

完结。

原文地址:https://www.cnblogs.com/taoxiaoyao/p/12324643.html

时间: 2024-11-05 12:23:25

webapp开发之bui入门环境搭建及执行npm命令报错解决的相关文章

Android开发之旅:环境搭建及HelloWorld

原文地址:http://www.cnblogs.com/skynet/archive/2010/04/12/1709892.html 引言 本系列适合0基础的人员,因为我就是从0开始的,此系列记录我步入Android开发的一些经验分享,望与君共勉!作为Android队伍中的一个新人的我,如果有什么不对的地方,还望不吝赐教. 在开始Android开发之旅启动之前,首先要搭建环境,然后创建一个简单的HelloWorld.本文的主题如下: 1.环境搭建 1.1.JDK安装 1.2.Eclipse安装

【转】Android开发之旅:环境搭建及HelloWorld

原文网址: http://www.cnblogs.com/skynet/archive/2010/04/12/1709892.html 引言 本系列适合0基础的人员,因为我就是从0开始的,此系列记录我步入Android开发的一些经验分享,望与君共勉!作为Android队伍中的一个新人的我,如果有什么不对的地方,还望不吝赐教. 在开始Android开发之旅启动之前,首先要搭建环境,然后创建一个简单的HelloWorld.本文的主题如下: 1.环境搭建 1.1.JDK安装 1.2.Eclipse安装

Android开发之旅:环境搭建及HelloWorld(转)

本系列适合0基础的人员,因为我就是从0开始的,此系列记录我步入Android开发的一些经验分享,望与君共勉!作为Android队伍中的一个新人的我,如果有什么不对的地方,还望不吝赐教. 在开始Android开发之旅启动之前,首先要搭建环境,然后创建一个简单的HelloWorld.本文的主题如下: 1.环境搭建 1.1.JDK安装 1.2.Eclipse安装 1.3.Android SDK安装 1.4.ADT安装 1.5.创建AVD 2.HelloWorld 1.环境搭建 1.1.JDK安装 如果

【Cocos2d-x 3.0】游戏开发之win32配置环境搭建project

作者:Senlern 转载请注明,原文链接:http://blog.csdn.net/zhang429350061/article/details/37958275 非常久没有写教程了.如今认为还是要继续坚持下去.把自己之前的一些积累写出来,和大家交流一下我也是个菜鸟,不对的地方还希望大家多多指正.共同学习. ------------------------------------------首先我们来看一下环境要求----------------------------------------

【Cocos2d-x 3.0】游戏开发之win32配置环境搭建工程

作者:Senlern 转载请注明,原文链接:http://blog.csdn.net/zhang429350061/article/details/37958275 很久没有写教程了,现在觉得还是要继续坚持下去,把自己之前的一些积累写出来,和大家交流一下我也是个菜鸟,不正确的地方还希望大家多多指正,共同学习! ------------------------------------------首先我们来看一下环境要求----------------------------------------

[Android]百度地图开发之SDK开发环境搭建

本篇文章我们将探讨如果在Android应用当中集成百度地图的SDK,以及新建一个很简单的示例工程. 一.百度地图Android SDK集成 1.进入百度地图开发者网站:http://lbsyun.baidu.com/index.php?title=androidsdk 2.点击左侧的"获取密钥"菜单,为应用申请一个key.我这边申请的key是:vf4KXBWl1mEvOyCFsML4YRLGpYZ99XYf 3.申请完后回到上面提到的网站,点击左侧:"相关下载"菜单

Cocos2d-x游戏开发之lua编辑器 subime 搭建,集成cocos2dLuaApi和自有类

Sublime Text http://baike.baidu.com/view/10701920.htm?from_id=8130415&type=syn&fromtitle=Sublime&fr=aladdin 简介 Sublime Text 是一个代码编辑器(Sublime Text 2是收费软件,但可以无限期试用),也是HTML和散文先进的文本编辑器.Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来,它最初被设计为一个具有丰富扩展功能的V

asp入门一 入门环境搭建

asp入门一 入门环境搭建,布布扣,bubuko.com

NodeJS入门--环境搭建 IntelliJ IDEA

NodeJS入门–环境搭建 IntelliJ IDEA 本人也刚开始学习NodeJS,所以以此做个笔记,欢迎大家提出意见. 1.首先 下载安装NodeJS,下载安装IntelliJ IDEA 2.接下来我们详细介绍在IDEA中配置NodeJS 默认安装好了IDEA,在IDEA的file -> setting ->Plugins,右边默认是没有这个组件的需要你手动点击Browe repositories..,在插件列表中搜索nodejs,将看到NodeJS插件,点击下载,重启,(其实它会关联到你