[项目实战]Vue小宏商城开发日志——(一)环境配置与搭建

  总觉得呢，一直学习字面上的知识有些枯燥，古人曰：实践是代码知识掌握程度的最好体现。所以，今天开始起我要开始自己学习开发一个电商项目，一来是对知识的实践与巩固，另外，也为面试做一些项目经验储备。废话不多说，开始我们“小宏商城”项目日志的第一篇。

---

  本项目学习资源来源于慕课网，我只是在我的Blog里记录一下我的学习过程，方便复习与总结。

一、Vue项目环境配置

1，安装Node和Git

  接下来我们需要先下载Node和Git，很简单，去百度一下Node和GitBash的官网，点击下载安装即可。这里要说明一下哈，我们下载时尽可能地选择稳定的版本而不是最新的版本，因为最新的版本可能出现对项目某些模块不支持的情况，再一个，因为是最新版本，出了问题我们能查询的解决方案也是很少的。

  当然，下载好了别忘了检查一下

2，安装Vue-cli脚手架及初始化Webpack项目

    npm install -g @vue-cli

    vue init webpack XXX

  这个地方需要注意，我们在配置的时候尽量不要开启我们的ESLint。开启了之后可能会报一些莫名奇妙的错误，往往是这个ESLint搞得鬼。但是我并不是说他没用哈，这是我们书写代码的格式标杆，当我们逐渐地熟悉了代码操作后，我们再加上就是了。

  大家可以给自己的项目起一个好听的名字，把那个XXX替换掉。我的就叫SweetyMall啦！

3，下载相关依赖

    npm install

  可是呢，我们的package.json文件并不是那么写的那么全面，我们项目中还要用到很多很重要的插件，在这里我就先下载了vue-resource和axios，以后遇到会及时做出补充

    npm install vue-resourse --save

    npm install axios --save

启动项目

    npm run dev