关于Vue2.x的笔记(一)

最近一段时间，都在学Vue框架。对前端工程师来说，掌握好一个框架是十分有必要的，因为在以后的工作中，肯定会用到。因为之前没有框架基础，所以学习起来还是有点吃力的。所以就想在学习阶段，总结一下知识点，做下笔记，对以后肯定会有帮助的！
那么要去学习Vue，可能要了解它是什么，它的功能是什么，它的优点是什么，最重要的是它的核心概念什么？但是在这一篇中，我只想简单说一下。我想单独写一篇去介绍Vue.js的核心。
你要去了解一个框架，当然要去vue.js官网去看看。

那么要去使用框架，那就要安装它。这篇中呢，就是来对npm的安装和对vue-cli脚手架的搭建做一下总结
使用之前，我们先来掌握以下3个东西是干什么的？
①npm: Node.js下的包管理器
②webpack: 它主要的途径是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包
③vue-cli：就是一个脚手架，在终端输入命令后，会自动帮你生成项目所需要的东西。
一、node的安装
node的安装很简单，直接去node.js官网去下载安装就可以了
二、npm的安装
因为我的电脑已经安装好了npm和cnpm，所以有机会去机房的电脑安装一次，然后再进行补充。。。。。尴尬！！！
三、vue-cli搭建脚手架
那之前的node和npm的安装成功，那么就可以建立项目了。那么首先，先对vue-cli进行全局安装
打开cmd，

安装完成后，可以检查一下是否安装成功

可以看到，当前的版本是2.9.6.那就说明已经安装成功了。那么接下来就可以建立项目了
打开cmd，我是要在桌面建立工程文件的，那么我输入 cd Desktop/ 来到我们的桌面下，然后输入mkdir demo 新建名为demo的文件夹。

然后输入cd demo/来到这个文件下来，然后输入命令 vue init webpack 项目名字. 在这里呢，我用的是另外一种方式去搭建脚手架，这样会更简洁一些。然后比如说，我现在在学习点餐系统，那么就输入 vue init webpack-simple pizza-app
安装完成后，如图：

然后它会提示你To get started: 下的三个命令。我们先cd pizza-app中，然后输入cnpm install，因为淘宝镜像会安装的快一些。
等待安装，然后我们用vscode先打开它 输入code .

可以看到这就是我们搭建好的脚手架了

然后我们在终端输入npm run dev去运行

然后会有一个端口地址：http://localhost:8080/ 浏览器会自动打开它

那么到这里，我们对脚手架的搭建就完成了。接下来就可以去写自己的项目了。这篇就写到这里。
2019-6-5 00:35:04 晚安！