当前位置:   article > 正文

部署vue项目开发环境_vue项目部署了但是提示是开发环境

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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小惠珠哦/article/detail/977307
推荐阅读
相关标签
  

闽ICP备14008679号