《Vue项目的运行》

1.安装node.js(推荐版本 v10.15.3)

https://nodejs.org/download/release/v10.15.3/
在这里插入图片描述

  • 安装细节:百度

2.安装完后cmd查看版本

node -v
npm -v

3.安装cnpm(国内npm镜像)

npm install -g cnpm --registry=http://registry.npm.taobao.org

4.安装完查看版本

cnpm -v

5.安装webpack

  • webpack是一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理。 webpack 的核心是 依赖分析。
npm install webpack -g   
npm install webpack-cli -g 

6.安装完查看版本

webpack -v 

7.安装vue-cli

  • vue-cli是vue.js的脚手架,用于自动生成vue.js+webpack的项目模板
cnpm install -g vue-cli

8.使用示例


# 克隆项目
git clone https://gitee.com/y_project/RuoYi-Vue

# 进入项目目录
cd ruoyi-ui

# 进入项目目录后,进行安装依赖
npm install

# 建议不要直接使用 cnpm 安装依赖,会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org

# 启动服务
npm run dev

浏览器访问 http://localhost:80


## 发布
# 构建测试环境
npm run build:stage

# 构建生产环境
npm run build:prod

9.执行npm run dev 提示 ERROR in Cannot find module ‘node-sass’

  • 错误表示找不到node-sass模块。
解决方法:输入命令 cnpm install node-sass@latest
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值