给学弟学妹们的项目开发笔记（一）

开发工具

idea ，链接：https://pan.baidu.com/s/1AnAKjOvsnjadj5VpsLdzfw
提取码：dajy
2018版附带激活码和永久激活教程。

一、Vue环境搭建

vue是一个JavaMVVM库，是一套用于构建用户界面的渐进式框架，是初创项目的首选前端框架。它是以数据驱动和组件化的思想构建的，采用自底向上增量开发的设计。
我们的项目就是使用vue前端框架和Elemnt组件开发的。

1.安装 Node.js

因为需要使用 npm 安装 Vue CLI，而 npm 是集成在 Node.js 中的，所以第一步我们需要安装 Node.js。下载完成后运行安装包，一路下一步就行。安装完node.js之后，npm也会自动安装；

下载链接：https://pan.baidu.com/s/1wUd9LfnoCk8ixxbjHADFXw
提取码：hvg3

使用快捷键 win+R 输入cmd,打开cmd输入命令。

//查询是否安装成功的命令：	
	node -v 
	npm -v

输入 npm -g install npm ，将 npm 更新至最新版本。

2. 全局安装脚手架工具vue-cli：

npm install -g vue-cli

3.创建 vue项目

选择一个工作区域创建项目，如：在 D 盘有一个叫VueWorkspace 的文件夹

选择路径后，直接在地址栏输入cmd,回车进入cmd窗口

执行命令 vue init webpack myvue，这里 webpack 是以 webpack 为模板指生成项目， myvue 是我举例的项目名称，大家也可以起别的名字。

在程序执行的过程中会有一些提示，可以按照默认的设定一路回车下去

4. 添加依赖

进入到myVue目录下，使用npm install 安装package.json包中的依赖

cd myVue	#进入文件目录
npm install	#安装依赖

5. 运行项目

npm run dev

这一步如果报错，可能是未能加载项目所需的依赖包，即 node_modules 里的内容，需要在该文件夹执行 npm install ，再执行 npm run dev

在浏览器上输入：localhost:8080，将会出现下面的vue初始页面：

二、使用idea

1.配置git

1.创建一个git账号：https://github.com
2.下载并安装git：https://git-scm.com/downloads
3.输入命令

git config --global user.name'你的用户名'
git config --global user.email'你的邮箱地址'

3.在idea中设置git
打开在File–>Setting->Version Control–>Git，
点击path to Git executable 后的 … 选中git.exe，然后点击后面的Test进行测试，正常弹出版本号，则表明安装和配置到idea都是成功的

2.运行项目

打开先前创建好的项目

输入 npm run dev

三、Vue 项目结构分析

• 概览
  
  里面我们需要关注的内容如下图，重点需要关注的用小红旗标了出来。（图片来自网络）
  
  详细的介绍先略过，后面有时间再回来写，大家也可自己去查。

参考博文：https://learner.blog.csdn.net/article/details/88926242
上面这个博文是一个实战项目，讲的很详细，感兴趣的同学可以去看看。