学习Vue的一点感想

        首先Node.js服务器里面是一个用C++写的JavaScript V8引擎,内部使用一种全新的编译技术。这意味着开发者编写的高端的 JavaScript 脚本代码与开发者编写的低端的 C语言具有非常相近的执行效率,这也是 Node.js 服务器可以提供的一个重要特性。

        然后了解什么是npm, npm就是Isaac Z. Schlueter 用 JavaScript (运行在 Node.js 上)写的 ,全称是 Node Package Manager,使用npm命令可以对前端项目进行包管理(分享、下载等)。

        package.json 定义了这个项目所需要的各种模块,以及项目的配置信息(比如名称、

版本、许可证等元数据)有点像maven中的配置依赖的文件,通过npm来下载包(npm install)的信息就都写在package.json文件里,你可以通过指令(npm init -yes)在项目主目录下强行生成package.json文件,也可以在添加一个依赖的时候把依赖的包(模块)信息写到package.json文件中(npm install 模块 –save或者npm install 模块 --save-dev)

        接下来了解Vue基本概念:Vue.js是一个构建数据驱动的 web 界面的渐进式框架。Vue 只关注视图层, 采用自底向上增量开发的设计,目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件,Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用,该命令行工具可以使用npm命令对前端项目进行包管理(分享、下载等),同时命令行安装了vue脚手架(npm install vue-cli -g)之后就有了脚手架功能,就相当于一个脚手架,就可以使用vue 指令创建webpack管理的项目,并且脚手架的更新可以创建带有更多方案的前端项目空壳,仅此而已。

        接下来了解vue脚手架基本概念以及webpack:

我们不妨看看类似的一些成熟方案,比如Eclipse。这个大名鼎鼎的IDE软件被很多Java和Android开发者使用。通过Eclipse创建一个新项目时,它提供了丰富的配置项,这些配置项可以归纳简化为以下流程:选择项目类型 -> 选择项目目录 -> 配置项目细节 -> 最终确认 -> 完成。这是脚手架最基本也是必须具备的流程。从这个流程中可以总结出脚手架的本质:方案的封装。

        脚手架作用是创建项目的初始文件,本质是方案的封装,vue脚手架作用是创建项目的初始文件,本质是方案的封装,下载你所选择的方案的项目初始文件,所以视频里的大哥说的让人误解,以为命令行创建的项目本身就是一个脚手架项目,其实他和脚手架半毛关系没有,就是脚手架创建的一个前端初始项目,我当初误以为创建的前端项目是一个脚手架,没接触过前端项目的同学不要被“脚手架项目”五个字概念混淆。

        接下来说说webpack:现今的很多网页其实可以看做是功能丰富的应用,它们拥有着复杂的JavaScript代码和一大堆依赖包。这些开发的文件往往需要进行额外的处理才能让浏览器识别,而手动处理又是非常繁琐的,为了简化开发的复杂度,使用Webpack工具,所以WebPack可以看做是模块打包机。作用就是打包模块给浏览器使用。Webpack如何使用请参阅https://webpack.docschina.org/concepts/

你可能感兴趣的:(学习Vue的一点感想)