VUE项目前的准备(安装node,git,vue-cli,webpack)
在开发之前。
第一步:我们需要有一个node.js运行环境。在node官网下载一个LTS版本,相对更为稳定。傻瓜式地安装完node后,在命令行键入 node -v正常情况下,会显示版本。然后npm -v显示一个版本。那么node和npm都安装好了。npm是node的一个包管理工具。
第二布:我们需要在码云等网站上注册一个账号(用不来github所以用码云),码云是一个网上的云仓库,可以进行一个版本号的控制。我们可以上传和下载用来保存我们写的项目代码。在private下面我们创建一个私有的仓库。然后取个名字,然后在git官网下载一个git然后安装,然后根据不同的操作系统然后傻瓜式的安装,安装好后在cmd里面输入git --version查看git版本号,如果可以正常显示的话,那么就安装好了。
第三步:我们需要在线上和线下做个连接。在设置里面有个SSH公钥。在桌面点击右键,选择第二个git bash进入一个小型的linux系统,然后复制ssh-keygen -t rsa -C "xxxxx@xxxxx.com"然后改邮箱,点击回车。然后复制cat ~/.ssh/id_rsa.pub,然后命令行会显示一大串看不懂的字符串,(这几步可以参照git网站公钥指示)这些看不懂的字符串就是我们的公钥,我们复制公钥,然后回到码云的设置里面,把公钥粘贴到公钥里面。点击确定。我们线下电脑有个私钥,线上有个公钥,然后线上和线下就可以进行代码的传送了。(这里说的是windows系统,mac系统直接在终端里面键入不需要进入git bash)
第四步:我们在码云找到我们想要的代码,然后点击后面的复制,(记得复制SSH的地址,不是http地址)然后回到桌面打开我们的命令行:在desktop的子文件夹下然后git clone +刚才复制的SSH地址。点击回车。不出意外是复制下来了。
第五步:在Vue官网里面下载VUE-cli,按照官网的spec follow(可以参照环境配置16:00)。
第六步:本地上传到码云。打开命令行,在travel目录下执行git status然后 git add . 然后运行git commit -m "project initialized"回车,(这里可以参照环境配置21:11)。最后点击git push.这样我们就完成了一个线下推送代码到线上了。
新手第一次写项目,写的不对的地方望各位提出宝贵建议,在下感激不尽,也希望这篇文章对大家都有用,欢迎留言交流,欢迎大家指正~~
- 点赞
- 收藏
- 分享
- 文章举报
- 从零开始系列之vue全家桶(1)安装前期准备nodejs+cnpm+webpack+vue-cli+vue-router
- node.js安装+vue-cli安装+创建webpack项目时乱码、特别慢问题+移动端(手机)访问自己的项目
- vue-cli 的安装,webpack+ vue构建项目
- vue - vue-cli脚手架安装和webpack-simple模板项目生成
- Vue项目开发前的准备工作,node的安装,vue-cli的安装
- 用npm安装vue和vue-cli,并使用webpack创建项目的方法
- MAC 安装node、webpack、搭建vue项目(不会的人看的,会的不要看)
- Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(二)安装 nodejs 环境以及 vue-cli 构建初始项目
- 03慕课网《vue.js2.5入门》——Vue-cli的安装,创建webpack模板项目
- 用npm安装vue和vue-cli,并使用webpack创建项目
- vue-cli webpack在node环境下安装使用详解
- vue基础17(vue-cli脚手架安装和webpack-simple模板项目生成)
- vue-cli的webpack模板项目配置文件分析
- mac+vue-cli+webpack新建项目
- idea+vue-cli+webpack+iview构建前端项目
- vue学习笔记(一)使用npm,webpack,vue-cli搭建vue项目
- ubnutu安装vue+webpack,初始化vue项目
- vue-cli+webpack记事本项目创建
- vue-cli+webpack在生成的项目中使用bootstrap方法(二)
- vue-cli webpack模板项目搭建以及打包时路径问题的解答