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"

  1. 返回给你公钥
    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大牛 极客大全

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 今天朋友问我怎么搭建的vue搭建项目环境的方法,简单总结如下: 1、安装node.js 步骤方法参考 htt...
    lily_flight阅读 334评论 0 0
  • 当今社会,我们或多或少被一些问题所困扰。但这些问题出现的根源究竟是什么?我在思考,也看了些心理建设方面的书籍,试图...
    小为为妈阅读 706评论 0 0
  • 我为什么写作? 小时候,喜欢玩游戏,想过并设计出一些角色,但由于技术问题,没有真正的付诸行动,就止步于幻想。后来,...
    _Zuosir_阅读 411评论 11 6
  • 现在的我,目标格外清晰,就是把专业课学好,广联达软件练得熟练,毕业设计做好,找一份包住的工作。因为,目标确定,所以...
    李葵每日一记阅读 344评论 0 0