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