使用vue前的安装与配置（19年7月制，基本能顺利操作完成）

一共是10个步骤，期间需要安装node、webpack等，按步骤操作即可，无需全部理解

功能快捷键

撤销：Ctrl/Command + Z
重做：Ctrl/Command + Y
加粗：Ctrl/Command + B
斜体：Ctrl/Command + I
标题：Ctrl/Command + Shift + H
无序列表：Ctrl/Command + Shift + U
有序列表：Ctrl/Command + Shift + O
检查列表：Ctrl/Command + Shift + C
插入代码：Ctrl/Command + Shift + K
插入链接：Ctrl/Command + Shift + L
插入图片：Ctrl/Command + Shift + G

合理的创建标题，有助于目录的生成

直接输入1次#，并按下space后，将生成1级标题。
输入2次#，并按下space后，将生成2级标题。
以此类推，我们支持6级标题。有助于使用TOC语法后生成一个完美的目录。

1. 下载node.js，这个网上教程很多，很简单，自己先下，然后傻瓜式安装就好。

2.检查安装是否完成

    按win+R键，输入cmd，打开命令行窗口，输入node -v与npm -v，检查Node.js的安装是否完成，如果完成，如下图所示：

3.更换一下下载源，因为npm会引用国外链接，在国内下载会很慢，在这里我们改用淘宝镜像，同时要注意原本的npm由于换了镜像后，命令改为了cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

4.检查是否更换完成，继续在命令行输入cnpm –v

5.安装vue脚手架。（如果没有改镜像的话，这个过程会非常缓慢）

cnpm install --global vue-cli

6.安装webpack

cnpm install -g webpack

7.完成上面的六个步骤之后，基本的环境配置工作我们就完成了。现在我们先在控制台初创我们一个项目，创建完成之后，我们用webstorm等软件打开来完成我们项目的后续开发即可。

vue init webpack xinming_vue_project（名字自己取，爱啥啥）

8.选择一些初始化的设置要求，大家可以根据我的下图来。（输入y代表yes，n代表no）

9.完成之后，你需要打开你刚刚创建的项目的位置。一般默认在C盘里头你的用户文件夹里头。像我的，如下图。你在这个文件夹里，找到你的项目文件夹，然后点击进入。进入之后，把这个界面的路径，改为cmd，然后回车：

安装运行这个项目需要的一些模块。

这个时候你能看到弹出来一个命令行界面。然后你在此界面输入代码：
(1)	npm install
(2)	npm run dev

10.项目正常初始化之后，就基本完成项目的初始化搭建了。可以看到弹出一个网址。把这个网址输入浏览器，http://localhost:8080，就可以看到vue的欢迎界面了。

最后就可以用webstom导入这个项目开始vue啦