部署vue项目开发环境

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

2. 配置git 打开git bash,输入: git config --global user.name "lvaaa" git config --global user.email "[email protected]"

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

猜你喜欢

转载自blog.csdn.net/lv_suri/article/details/128896538