首页 > 其他分享 >Hbuilder运行Vue项目

Hbuilder运行Vue项目

时间:2022-10-11 15:03:38浏览次数:73  
标签:node npm Vue NodeJs Hbuilder expected 安装 运行

一.NodeJs的介绍

二.NodeJs的安装与配置环境变量

1.安装

NodeJs官网:http://nodejs.cn/download/

(注意:不要下载最新版本的NodeJs,会出现问题!)

如果使用的是msi安装程序进行暗转,则安装时使用默认配置,一直下一步即可。

如果下载的是zip压缩包,解压即可。

安装完成后,在安装的目录下创建2个文件夹

① node_cache    ②node_global

2.环境变量

我的电脑-属性-高级属性设置-环境变量-系统变量

①.创建系统变量

NODE_PATH

D:\NodeJs\node_modules   (nodejs安装路径下新建的node_modules的路径)

 

 

 

三.Hbuilder配置

Hbuilder-工具-设置-运行配置-node运行配置(不需要修改)

Hbuilder以管理员的身份运行

四.运行

1.找到项目中的main.js

2.右键-外部命令-npm install

3.在出来的命令行中进行npm install

4.npm install -g @vue/cli

5.npm run dev(启动dev环境)

 

 命令行中出现这样的提示,则表示启动成功。

 五.错误

1.Syntax Error SassError expected selector报错的解决方案

解决方案:Syntax Error SassError expected selector报错的解决方案_普通网友的博客-CSDN博客_expected selector.

 

标签:node,npm,Vue,NodeJs,Hbuilder,expected,安装,运行
From: https://www.cnblogs.com/txppp/p/16779193.html

相关文章

  • vue中is的作用和用法
    is的作用<ul><li></li><li></li><li></li></ul>总所周知,ul里面嵌套li的写法是html语法的固定写法(还有如table,select等)。//code1<ul><my-component></my-componen......
  • vue3中tab详情页多开keepalive根据key去动态缓存与清除缓存
    一.场景由于存在tab栏,当从查询页面点击列表进入详情时,需求是详情页都会新开一个tab,并缓存,tab中的切换不会重新加载详情页数据,但是关闭一个详情tab,再次从查询页点击这条详......
  • vue-router:history和hash的区别
    前言:写这个随笔是因为后端部署时,第一次进入页面无问题,刷新后页面空白,寻找原因发现有两个解决方案;1、后端nginx做保底映射,映射到正确的路径;2、前端更改为hash模式也可解决......
  • 如何运行别人的Vue项目
    1、将项目里的“node_modules”文件夹删除,一般“node_modules”文件夹太大,一般不会打包上传到svn、git上的,所以没有这个文件夹就不用删。2、删除package-lock.json。它是......
  • vue项目启动cannot get,并且还有报错信息..
    项目中需要下载vue-table-with表单组件,需要第三方依赖库下载。结构npm下载失败,直接先下载yarn--再下载vue-table-with组件----结构整个项目崩溃了。一直报错...卸载了ya......
  • Vue3的模板语法
    1.插值语法1.1基本使用点击查看代码<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge">......
  • 使用CDN方式引用Vue3和ElementPlus
    使用CDN方式引用Vue3和ElementPlus​​引用Vue​​​​代码​​​​注意事项​​​​Elementplus​​​​代码​​​​注意事项​​升级了之前做的vue2+ElementUI的项目,......
  • windows系统下安装gym运行atari游戏报错:ale_interface/ale_c.dll OSError
    安装gym的atari支持:pip install gym[atari]  为gym下的atari环境下载游戏镜像ROMs文件:​需要注意的是由于gym的版本更新现在的gym依赖的atari库已经不叫做atari-py了,......
  • vue打包部署时页面布局混乱
    vue打包部署样式混乱问题分析:样式混乱最根本的原因就是样式冲突。样式冲突是如何产生的?由于一个页面由多个.vue文件组成,后每个.vue文件都有style,所以就导致冲突了......
  • Vue export default {} 函数基本结构
    <script>importConfirmfrom'../sub/Confirm';exportdefault{name:"First",//components组件注册components:{Con......