在线商城项目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 条评论
登录 后参与评论

相关文章

来自专栏决胜机器学习

PHP代码调试与日志

PHP代码调试与日志 (原创内容,转载请注明来源,谢谢) 一、代码调试 由于PHP很少有类似java、.NET的断点调试工具,因此通常都是要采用输出中间结果的...

1.3K5
来自专栏PHP技术大全

通过代码审计找出网站中的XSS漏洞实战(三)

笔者此前录制了一套XSS的视频教程,在漏洞案例一节中讲解手工挖掘、工具挖掘、代码审计三部分内容,准备将内容用文章的形式再次写一此,前两篇已经写完,内容有一些关联...

1492
来自专栏北京马哥教育

Python 的异步 IO:Asyncio 简介

糖豆贴心提醒,本文阅读时间7分钟 Python 的 asyncio 类似于 C++ 的 Boost.Asio。 异步 IO,就是你发起一个 IO 操作,不用等...

3078
来自专栏纯洁的微笑

jvm系列(十一):Java 8-从持久代到metaspace

译者 梅小西,原文出处:http://blog.csdn.net/wang8118/article/details/45765869 Java 8介绍了一些新语...

3856
来自专栏更流畅、简洁的软件开发方式

ASP.net实现无扩展名的URL重写。简单、方便、无需ISAPI。

URL重写已经有很多的方法,但是多数都有一个缺点,就是不支持无扩展名的网页。比如把http://www.aaa.com/jyk 转换为 http://www.a...

2176
来自专栏黑泽君的专栏

错误: 类Something是公共的, 应在名为 Something.java 的文件中声明

错误: 类Something是公共的, 应在名为 Something.java 的文件中声明

4152
来自专栏性能与架构

页面优化 - 使用Data URI代替图片SRC

对于提高页面访问性能的方式,其中比较重要的准则就是减少页面的请求数量 常用的方式是合并css js文件、使用精灵图片 还有一种有效方法可以尝试,用Data ...

3569
来自专栏沈唁志

GET与POST传递数据的长度分析

1633
来自专栏乐百川的学习频道

Python HTTP库requests 介绍

前面我写的爬虫用的都是Python自带的的标准库urllib,这个库用起来还行,不过有些操作比较麻烦。所以现在我们来学习一下一个非常著名的HTTP库——requ...

23210
来自专栏耕耘实录

Linux中find命令的使用详解(上)

版权声明:本文为耕耘实录原创文章,各大自媒体平台同步更新。欢迎转载,转载请注明出处,谢谢

1315

扫码关注云+社区

领取腾讯云代金券