vue 电商「vue小项目」

今天给大家普及一下vue 电商「vue小项目」相关知识，最近很多在问vue 电商「vue小项目」，希望能帮助到您。

前言：

很早就想写点什么，因为从业很多年，一直都没有做技术博客的习惯，只是偶尔平台上传一些自己封装的框架，那么这一次我决定试着写点东西，同时，对粉丝朋友也有个稍微的帮助。

这次写的内容打算是一个电商项目，包括前端页面和后端管理端以及一些接口开发，如果持续关注我的文章，最终还是会有收获，因为看完我这个合集的话，基本上一个项目的整套流程都熟悉了！包括从技术选型、数据库设计、编码、思维设计、部署等，一个系统的整个流程都在这个合集里面，同时，我降低一些难度，整个看下来不会太难，废话不多说，今天这一节主要是讲一下技术选型，以及vue的一些常用用法，讲完之后，后面项目就可以看得懂，同时文笔不好，整个文章用大白话，有技术话语强迫症的请不要看了，大白话的好处就是基本上都听得懂，容易理解！

本次技术选型的话：后端用PHP的thinkphp框架，后端管理页面用vue，前端页面用jq css html，管理页面用的框架是vuetyfy，数据库用navicate可视

现在来讲一下vue的一些简单知识，方便切入到项目：

首先，应该了解一个名词：npm是什么？搭建vue环境需要什么步骤？

npm是一个包下载工具，其实nodejs里面也用得多，下面按照步骤来搭建vue的开发环境，再介绍其重点用法：

找到软件包中的node-v8.12.0-x64.msi, 双击安装

安装完成之后肯定要测试其版本，可以在终端上输入命令行测试：

安装过程会比较缓慢，为什么呢？其实可以通过配置镜像来解决：

npm默认的仓库地址是在国外网站，速度较慢，建议大家设置到淘宝镜像。但是切换镜像是比较麻烦的。推荐一款切换镜像的工具：nrm

1 先安装nrm，全局安装用-g

npm install nrm -g

2 我们就可以使用nrm命令了

这样就可以啦！很多人说为什么不用cnpm，这个bug很多哦，慎重使用，何况黑胖哥一向不拘一格嘛！

npm都安装了，接下来干嘛呢？肯定是搞项目哇！

先找个盘，我找的是D盘，搞一个文件夹，就叫code好了，然后嘛看仔细啦，按住shift 鼠标右键, 打开sh窗口，路径不要有中文哦，不然不配看黑胖哥的文章啦！

项目文件都创建好了，接下来干啥呢？发呆吗？那肯定是初始化嘛！

使用如下指令初始化

npm init -y

发现该目录下会多一个文件package.json, 这个文件用来管理该项目使用了哪些包

接下来进入重点啦！安装vue

执行下列命令：npm install vue --save

在项目目录会产生一个文件夹node_modules和一个文件package-lock.json，看图吧，小伙伴

在package.json文件中, 会多如下内容，看到没，这个就是代表安装好vue了哦

内容不搞多了，就搞这么一点吧，搞多了容易不消化，反正每天会更新，持续关注吧，总有一天你可以一天天的自己写项目了，前后端都会哦！