部署vue项目开发环境

1. 下载git:https://git-scm.com/downloads

2. 配置git 打开git bash,输入: git config --global user.name "lvaaa" git config --global user.email "xxx@qq.com"

3. 从[gitee/github/gitlab]克隆项目到本地

4. 打开vscode,新建工作区,打开该项目文件夹

5. 安装vue项目开发工具 5.1 安装node.js 5.2 设置全局依赖包存放路径和缓存文件路径 在nodejs安装路径下,新建node_global和node_cache两个文件夹 5.3 设置缓存文件路径和设置全局依赖包存放路径 npm config set cache "[C:\\App]\\nodejs\\node_cache" npm config set prefix "[C:\\App]\\nodejs\\node_global" 5.4 配置node_global环境变量桌面 “此电脑”右击点击“属性”找到“高级系统设置”,点击“高级” 再点击“环境变量配置” 5.5 安装cnpm(淘宝镜像) npm install -g cnpm --registry=https://registry.npm.taobao.org 测试代码:cnpm -v 5.6 安装vue(-g是指安装到global全局目录) cnpm install vue -g 5.7 安装vue-cli 脚手架 v2.0:cnpm install vue-cli -g v3.0:cnpm install -g @vue/cli

6. 启动vue项目 6.1 cnpm install 6.2 cnpm run serve

7. 部署后端:json-server 7.1 安装依赖包 cnpm -g i json-server cnpm i axios 7.2 新建data.json接口文件 7.3 启动服务器 json-server --watch --port 8888 data.json

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值