问题描述我目前正在学习Vue框架。Vue是一个用于构建用户界面的渐进式框架。与其他大型框架不同,Vue被设计为自下而上逐层应用。Vue的核心库只专注于视图层,不仅易于使用,而且易于与第三方库或现有项目集成。另一方面,当与现代工具链和各种支持库相结合时,Vue也完全有能力为复杂的单页应用程序提供支持。但是初学者在刚接触框架的时候如何创建Vue项目呢?解决方案Vue脚手架依赖于node.js。我们需要先安装node.js,但是node.js到底是什么?一句话可以概括:node.js是一个让JavaScript运行在服务端的环境。对于我们这些刚刚接触它的人来说,可能会有这样的疑问:Vue和node.js有什么关系?我用vue写前端页面,需要安装node.js吗?我们也可以不使用node.js,但是随着学习的深入,我们会学会使用脚手架来快速搭建自己的前端项目,所以一定要安装node.js来搭建vue环境。一般来说;搭建vue项目需要node.js环境(npm包管理器),vue-cli脚手架工具,cnpmnpm的淘宝镜像。接下来展示构建项目的过程:从node.js官网下载并安装node,安装过程非常简单,一路“nextstep”即可(傻瓜式安装)。安装完成后,打开命令行工具,输入node-v,如下图。如果出现相应的版本号,则安装成功。node中集成了npm包管理器,所以直接输入npm-v会显示npm的版本信息,如下图。node环境已经安装好了,npm包管理器也可以用了。由于某些资源被屏蔽,用npm安装依赖包经常会失败,所以还需要npm的国内镜像---cnpm。如下图所示在命令行输入npminstall-gcnpm–registry=https://registry.npm.taobao.org完成安装。完成后,我们就可以使用cnpm代替npm来安装依赖包了。在命令行运行命令cnpminstall-gvue-cli,等待安装完成。在命令行运行命令vueinitwebpackfirstVue。解释这个命令。这个命令的意思是初始化一个项目,这里的webpack是构建工具,也就是整个项目都是基于webpack的。其中firstVue是整个项目文件夹的名字,这个文件夹会自动生成在你指定的目录下(我的例子是在桌面上生成文件夹),如下图。安装完成后,在我们的项目目录文件夹下会多出一个node_modules文件夹,就是我们项目需要的依赖包,至此项目搭建基本完成。如果需要了解更深层次的vue构建,还需要进一步探索和学习。
