- 注册码云账号
- 下载Node.js
node -v
nmp -v (node.js的包管理工具) - 下载Git
git --version - 新建仓库存储代码
通过秘钥进行线上新下同步更新
生成秘钥教程(在Git Bash 中运行,其相当于小型Linux环境)
-
线上项目下载克隆到本地
SSH协议进行克隆,复制地址
cd Desktop
git clone SSH地址 -
创建Vue项目
webpack打包编译,通过Vue-cli搭建项目
#查看版本,不低于3.0版本
npm -v
#升级或安装cnpm
(npm下载速度慢,使用淘宝的镜像及其命令 cnpm改善)
npm install cnpm -g
或者
npm install -g cnpm --registry=https://registry.npm.taobao.org
# 最新稳定版
$ cnpm install vue
# 全局安装 vue-cli
$ cnpm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project(项目名)
# 这里需要进行一些配置,默认回车即可
This will install Vue 2.x version of the template.
For Vue 1.x use: vue init webpack#1.0 my-project
? Project name my-project(项目名)
? Project description A Vue.js project(项目描述)
? Author runoob <test@runoob.com>(作者)
? Vue build standalone(运行时和普通情况下编译)
? Use ESLint to lint your code? Yes(ESlint对代码工整度进行检查)
? Pick an ESLint preset Standard
? Setup unit tests with Karma + Mocha? Yes(单元测试)
? Setup e2e tests with Nightwatch? Yes(端到端测试)
vue-cli · Generated "my-project".
To get started:
cd my-project
npm install
npm run dev
Documentation can be found at https://vuejs-templates.github.io/webpack
#显示页面,Vue环境配置好
http://localhost:8080/
- 保证本地项目与线上一致
cd 到项目
#本地仓库多出了很多文件需要添加到线上仓库
git status
#把所有文件添加到缓冲区
git add .
#提交缓存内容
git commit -m “project initialized”
#本地代码推到仓库
git push
从GitHub上下载vue开源项目并在自己的电脑上运行
- 环境准备
(1)安装nodejs,具体步骤不多说。
在电脑上找到 运行-输入cmd - 输入node -v ,命令可以来查看电脑上是否已装 node , 该命令代表电脑上node的版本。
(2)查看npm版本
具体步骤同上,输入的命令为npm -v
(3)通过npm命令安装 淘宝的镜像及其命令 cnpm , 因为国内npm 安装速度慢
npm install -g cnpm --registry=https://registry.npm.taobao.org
(4)查看cnpm版本
cnpm -v - 从GitHub上下载项目,不用git的方式,如下图,点击Download ZIP , 记住自己下载的路径
- 假如下载的项目名为vue-demo,在cmd命令行中通过cd命令进入到该文件夹,并执行以下命令
- 没有问题的话,应该运行就成功了