在码云上 创建项目以及搭建vue脚手架

1.新建项目

在码云上 创建项目以及搭建vue脚手架_第1张图片

2.填写基本信息

3.点击克隆,复制项目地址

4.生成公钥

1》首先要生成公钥和私钥。打开git命令行,输入ssh-keygen -t rsa -C "自己的邮箱地址

在码云上 创建项目以及搭建vue脚手架_第2张图片

2》一路回车,即可

3》找到.ssh文件夹(C:\Users\Administrator\.ssh用文本编辑器打开id_rsa.pub文件,并复制里面的内容。)

在码云上 创建项目以及搭建vue脚手架_第3张图片

4》在设置页面,打开SSH公钥,把刚才复制的内容粘贴到里面

 

在 git中操作

git init 初始化项目

git config --global user.name 姓名

git config --global user.email 邮箱

git remote add origin  地址

git pull origin master 将项目拉下来

git checkou t -b yx    新建分支 切换分支 (yx 是分支姓名,可以自己随意设置)

git status 查看状态

git add .  添加代码

git commit -m "no" 合并远程仓库

git push origin yx

在码云上 创建项目以及搭建vue脚手架_第4张图片

 

在码云上 创建项目以及搭建vue脚手架_第5张图片

 

4.项目新建成功、

在码云上 创建项目以及搭建vue脚手架_第6张图片

 

 

搭建脚手架

1.在搭建vue的开发环境之前,一定一定要先下载node.js,,vue的运行是要依赖于node的npm的管理工具来实现,node可以在官网或者中文网里面下载,根据自己的电脑选择是32还是64 ,网址:http://nodejs.cn;

2.下载好node之后,打开docs管理工具,先看看node安装成功了没有,输入 node -v ,回车,会输出node的版本号

3.安装淘宝镜像,淘宝的cnpm命令管理工具可以代替默认的npm管理工具:$ npm install -g cnpm --registry=https://registry.npm.taobao.org;淘宝镜像安装成功之后,我们就可以全局vue-cli脚手架,输入命令:cnpm install --global vue-cli  回车;验证是否安装成功,在命令输入vue,出来vue的信息,及说明安装成功;

4.输入vue检测,

在码云上 创建项目以及搭建vue脚手架_第7张图片

5.搭建脚手架,

我们要开始建一个新项目,这个时候我建议,精良不要装在C盘,因为vue下载下来的文件比较大,

然后我们开始创建新的项目输入命令:vue init webpack my-project  回车,my-project是我自己的文件夹的名字,是基于webpack的项目,输入之后就一直回车,直到出现是否要安装vue-route,

这个我们在项目要用到,所以就输入y 回车,一路回车

在码云上 创建项目以及搭建vue脚手架_第8张图片

6

文件夹已经下载好了,现在就可以进入文件夹,输入: cd my-project 回车,因为各个模板之间都是相互依赖的,所以现在我们要安装依赖,

输入命令:cnpm install

7.npm run dev 运行项目,8080是默认的端口,要访问的话,直接在浏览器输入localhost:8080就可以打开默认的模板了;

你可能感兴趣的:(help,tool)