Vue开发去哪儿网App(一、环境配置)

1、下载node,百度搜索node直接进入官网下载,然后在安装node的时候npm也已经被下载了

2、在码云上新建一个项目,用来管理代码

Vue开发去哪儿网App(一、环境配置)_第1张图片

3、新建一个文件夹用来克隆码云上的仓库代码,这里直接在文件夹右击使用Git bash命令

在命令行使用命令  git  clone  ********  后面是具体的码云上项目的地址

Vue开发去哪儿网App(一、环境配置)_第2张图片

上面的截图说明代码已经克隆到本地了。

4、使用脚手架Vue Cli使用webpack构建项目

安装命令:npm install --globle  vue-cli

5、创建项目:

Vue开发去哪儿网App(一、环境配置)_第3张图片

上面的截图是构建项目时的一些命令,最后构建完成后会有下面的提示:

Vue开发去哪儿网App(一、环境配置)_第4张图片

6、运行项目

Vue开发去哪儿网App(一、环境配置)_第5张图片

这样咱们的环境已经部署好了,现在打开local host:8080看一下效果

Vue开发去哪儿网App(一、环境配置)_第6张图片

OK,项目已经运行成功,现在还有最后一步,就是把我们本地部署好的代码上传到码云仓库。

7、提交代码

主要是下面几个命令:

首先使用git status 查看仓库状态

然后使用 git add . 将代码提交到缓存区

最后使用 git commit -m 'project initialize'

git push

将代码提交到码云。

下面去码云看一下效果:

Vue开发去哪儿网App(一、环境配置)_第7张图片

环境部署部分到这儿就完成了!

 

你可能感兴趣的:(vue,web前端)