1.前期准备工作

Hello,大家好,接下来我会以这个项目为基础更新一系列的文章,但是每天只更新一点、也只学一点,目的希望大家利用工作学习之余的碎片时间通过这个项目来学习vue和node等知识点;希望大家都一起参与进来,动手实践,有什么问题都可以在群里(或加群或私信我)一起讨论学习;文章中有什么错误也欢迎大家留言指出,共同学习,一起进步,早日走上人生巅峰。

一、git仓库

1、首先我先创建一个仓库,大家fork这个仓库(https://github.com/Ewall1106/mall),以此仓库为核心,我会把每天新完成的代码提交上去更新,一直到大家一起把这个项目做完;大家fork完以后可以同步我的仓库查看或者在我的仓库上直接做修改,有问题也可以提issue。 2、大家在github上建一个自己的项目,自己动手亲自写一遍,有问题可以查看fork的核心仓库,也可以在群里一起讨论解决问题。

好了,废话不多说了,今天的内容很简单,就是把前期的准备工作做好,环境搭好,为我们后面的项目做准备。

二、安装node环境

去官网上根据自己的电脑环境下载对应的版本(https://nodejs.org/en/);然后傻瓜式的点下一步完成完成即可,然后打开命令行输入:

安装成功

如果显示版本号了就证明你安装成功了。具体你可以移步我的简书关于node安装的详细步骤(https://www.jianshu.com/p/d3eccfa30da1

三、用脚手架搭建一个基于webpack的vue项目

1、命令输入 安装的步骤呢官网(https://cn.vuejs.org/v2/guide/installation.html)已经写得十分详细了,我就照搬过来了:

# 全局安装 vue-cli
$ npm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 安装依赖,走你
$ cd my-project
$ npm run dev

2、含义 安装过程中出现的命令行是什么意思呢?我简单解释下,从上到下依次的含义为:

  • 项目的名字是什么? 我们这里选默认的myproject
  • 项目的描述? 默认
  • 项目的作者?
  • 是否使用路由v-router? 我们选yes
  • 是否使用ESLint语法校检? 我们选n ( ps:ESLint语法校检工具可以帮你养成良好的编码习惯、规范的格式,但是每个人习惯不同,会很繁琐,所以前期我们选择不安装。)
  • 后面“unit tests”、“e2e tests”都是单元测试,这里我们不安装。

搭建vue项目

3、安装完成,我们进入项目启动编译 新的vue-cli脚手架构建一个新的项目的时候,连依赖都一起帮你安装好了,也就是不用进入项目后使用npm install安装依赖了,帮我们省略了一个npm install的步[图片上传中...(Image.png-6f2ff7-1526894543744-0)] 骤。 (1)好,现在我们进入项目,npm run启动编译:

启动编译

编译完成

(2)现在我们进入浏览器中输入http:localhost:8080就可以看到一个初始化的vue项目

四、其它

因为某些不为人知的原因,如果你老是用npm安装失败,可能你先需要先安装一个镜像cnpm(https://www.jianshu.com/p/d7d0bac65877

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

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏java达人

Kafka最佳实践

作者:Sriharsha Chintalapani, Jay Kumar SenSharma 译者:java达人 来源:https://community.ho...

1960
来自专栏技术博文

单点登录 SSO 的实现原理

单点登录SSO(Single Sign On)说得简单点就是在一个多系统共存的环境下,用户在一处登录后,就不用在其他系统中登录,也就是用户的一次登录能得到其他所...

31310
来自专栏区块链

CVE-Python webbrowser.py 命令执行漏洞分析

今日惊闻Python出现了CVE,问题出在Lib/webbrowser.py模块,看描述还十分严重。Python容易产生远程命令执行漏洞。攻击者可以利用此问题,...

2387
来自专栏蓝天

网站压力测试工具webbench

去测试网站的负载能力,个人感觉要比Apache自带的ab压力测试工具好,安装使用也特别方便。   1、适用系统:Linux   2、编译安装:   引用   w...

1213
来自专栏Java后端技术栈

Apache Kafka:下一代分布式消息系统

Apache Kafka是分布式发布-订阅消息系统。它最初由LinkedIn公司开发,之后成为Apache项目的一部分。Kafka是一种快速、可扩展的、设计内在...

831
来自专栏文渊之博

SSRS 的简单使用(一)

简介      SQL Server Reporting Services(SSRS),微软企业级报表平台,和SQL Server Integration S...

18810
来自专栏软件工程师成长笔记

单点登录SSO的实现原理

单点登录SSO(Single Sign On)说得简单点就是在一个多系统共存的环境下,用户在一处登录后,就不用在其他系统中登录,也就是用户的一次登录能得到其他所...

3273
来自专栏IMWeb前端团队

关于javascript错误捕获

``` javascript的出错我们应该都很熟悉,例如`xxx undefined`,`SyntaxError`等。 我们team将出现错误的javas...

2177
来自专栏达摩兵的技术空间

前端文件下载通识篇

前端如何实现下载文件呢?随着前端技术的发展,越来越多的前端需求中会出现下载文件这样的需求。

4062
来自专栏漏斗社区

工具|nessus自定义扫描策略

我们是谁? nessus工具! 我们要做什么? 扫描漏洞! 什么时候扫? 天天扫! 序言 有些时候我们并不希望进行全面的扫描和检测,仅需要针对某些漏洞进行安全...

5416

扫码关注云+社区