Vue搭建项目环境

1.下载nodejs

官网：https://nodejs.org/en/download/

下载完成后，在控制台输入命令检查是否安装完成 node会自动给你下载npm(包管理工具)

2.打开码云

官网: https://gitee.com/

注册一个账号，如果你已有账号，点击首页的个人主页。

设置项目名称

创建完成后 就可以下载git使本地代码和线上代码同步

git官网：https://git-scm.com/

安装好git之后 打开控制台 输入git --version 返回版本号表示安装成功

现在 我们让线上代码和本地关联

打开设置

安装好git后在本地文件夹中 右键git bash命令行（小型的Linux系统）

1.填写邮箱 生成公钥和私钥
ssh-keygen -t rsa -C "xxxxxxx@xxx.com"

2. 返回给你公钥
   cat ~/.ssh/id_rsa.pub

   
   
   

   把这个复制到码云的公钥

   
   
   本地会 通过本地和线上对接

下一步打开创建好的项目

把线上的 下载到本地 以SHH协议 复制地址

然后找自己存放项目的位置 右键打开git bash
克隆线上代码

我的是在桌面右键 所以 克隆下来在桌面上

3.创建Vue项目
打开vue官网 会有一个安装
命令行工具(CLI)
打开cmd命令
1.全局安装
npm install --global vue-cli
2.基于webpack创建项目
我是创建在桌面的项目 所以打开控制台切换到桌面

name 项目名称
description 项目描述
Author 作者
vue-router 是否安装 选择y
Use ESLint to lint your code 是否对代码工整度进行检查 选择Y 选择代码规范 Standard
test 自动测试 选择no
e2e 选择no
最后问你 使用npm
选择后进行主动构建

项目初始化完成

根据提示的

• cd demo

• npm run dev
  输入命令
  

  现在可以在浏览器中 搜索localhost:8080
  最后 把搭建好的项目传入到git
  

  在git中输入 git add . （把项目加载到缓存区）
  git commit -m "描述" （提交到线上）
  

  git push （提交完成）

Java大牛 极客大全

对生活：随心随性； 对工作：一丝不苟； 对学习：认真踏实； 对亲人：关心爱护； 愿每个人都在成长，得到属于自己的幸福！！！