专栏首页coding for love在线商城项目01-项目初始化简介

在线商城项目01-项目初始化简介

简介

本篇主要进行如下工作:

  1. 使用vue-cli初始化项目
  2. 将项目关联到github

ps:在此之前请大家配置node环境,并使用npm安装vue-cli。

1. 使用vue-cli初始化项目

step1: 打开终端,进入一个你想创建该项目的目录。输入如下命令:

vue init webpack six-tao

会有如下图所示命令提示,一路默认即可。这里值得一说的的是eslint,我选择了standard,这点并不是强制的。你可以选择不使用eslint,也可以使用Standard或者Airbnb或者none来自定义。如果你在选定standard以后确实不习惯,其实也是可以修改规则的,虽然standard明确不推荐进行修改。后面我会讲到如何去修改。

step2: 现在进入项目目录,并运行代码。

由于之前我们在构建项目时选择了自动npm install。所以此处我们不需要再运行该命令。直接运行终端上提示的两行命令即可:

cd six-tao
npm run dev 或者 npm run start 或者 npm start

然后按照提示打开浏览器输入如下url即可:

http://localhost:8080

step3: 修改端口号。

这一步并不是必须的,你完全可以省略。主要是很多项目端口号都是8080,虽然运行项目以后,如果指定端口被占用,会自动分配一个空闲的端口号。但url总是变还是很烦的,所以我们手动指定一个其他的端口号就行了。当然端口号需要在1024~65535之间,包括1024和65535。如果你指定了小于1024的端口,会随机分配一个空闲端口给你,如果指定端口号大于65535则会直接报错。这里我设定的端口号是8086。只需要修改config/index.js的port即可,如图:

现在重新运行项目,并打开如下地址:

http://localhost:8086

2. 将项目关联到github

step1: 在github新建一个仓库,最好是和项目同名。github的具体操作可以看我的这篇文章git基础之github使用入门。成功以后会有如下提示:

step2: 创建本地仓库并和github仓库关联 首先初始化本地仓库,进入本地项目根目录,输入如下命令:

git init

然后,我们并不需要添加readme.md,因为使用vue-cli时我们已经添加了readme,并且我们还添加了很多其他的目录和文件。在命令行运行:

git status

可以查看添加的文件。然后运行如下命令:

git add .
git commit -am 'project init'
git remote add origin https://github.com/lovedd/six-tao.git
git push -u origin master

如图,成功将本地仓库和github仓库关联上。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • git基础之github使用入门

    参加实习以后,开始接触多人协作开发工具,前期主要是svn,现在工作中已经全面使用git。公司的项目目前放在gitlab上,所以平时涉及的操作比较简单,加之之前s...

    love丁酥酥
  • 在线商城项目09-基于express框架的server端搭建

    在本地项目目录加入.gitignore文件,可以直接copy six-tao项目的该文件。

    love丁酥酥
  • JS常用参考文档整理

    love丁酥酥
  • 基于electron-vue开发的微信小程序反编译客户端

    咨询小程序反编译的同学比较多,虽然有开源库但是还是有同学不清楚如何去操作,所以索性做了一个客户端方便进行小程序的反编译

    薛定喵君
  • Jenkins实战(二):Jenkins各项配置选项

    从正式使用Jenkins之前,将会逐步接触到Jenkins的各种配置,通过各种配置来完成各项不同的工作。本文将简单介绍一下Jenkins中的各项配置选项,以便后...

    xcbeyond
  • [Jenkins]5分钟系列之七Jenkins API简单介绍

    一、准备工作 1.1、环境准备 软件版本功能jenkins2.95提供平台python2.6+提供平台python0.4.14提供平台1.2、推荐阅读 分分钟部...

    追马
  • Prometheus监控Jenkins

    在Jenkins上安装插件,使Jenkins能够暴露指标给Prometheus收集,这个插件名称叫Prometheus metrics

    山山仙人
  • cf280C. Game on Tree(期望线性性)

    \(f(x)\)表示删除\(x\)节点的概率,显然\(x\)节点要被删除,那么它的祖先都不能被删除,因此概率为\(\frac{1}{deep[x]}\)

    attack
  • 在 Kubernetes 上使用 Jenkins

    有几种方法可以在 DevOps 环境中管理您的云基础架构。DevOps 是一种鼓励快速流动的应用程序开发以及促进 IT 团队开发、测试、发布过程无缝无缝衔接的方...

    LinuxSuRen
  • 看,我都不用手动配置

    Jenkins 非常灵活,如今已成为实现 CI/CD 的事实标准,同时拥有一个活跃的社区来维护几乎所有工具和用例的插件。但是灵活也是要付出代价的:除了 Jenk...

    LinuxSuRen

扫码关注云+社区

领取腾讯云代金券