第2章项目构建 - 2.2 开发工具、2.3 脚手架安装

最新推荐文章于 2024-09-13 14:34:15 发布

YY砖仔

最新推荐文章于 2024-09-13 14:34:15 发布

阅读量175

点赞数

文章标签： vue.js 前端 javascript

原文链接：https://www.toutiao.com/article/7162737327956640259/

版权

2.2 开发工具

开发工具是指编写代码的软件，市面上的软件众多，比如Dreamweaver、VS Code、Sublime Text、Eclipse等，工具的选择因人而异，自己熟练掌握即可。本书推荐使用Microsoft Visual Studio Code（简称 VS Code），并且安装Git代码管理工具，在项目开发过程中，可结合代码清单的分支查看每节对应的代码。

（1）Visual Studio Code下载地址：
https://code.visualstudio.com/。

（2）Git下载地址：https://git-scm.com/

2.3 脚手架安装

Vue CLI是一个基于Vue.js进行快速开发的完整系统，支持搭建交互式的项目、快速开始零配置原型开发、丰富的官方插件集合，以及完全图形化地创建和管理Vue.js项目的用户界面。Vue CLI致力于将Vue.js生态中的工具基础标准化，它确保各种构建工具基于智能的默认配置即可实现平稳衔接，使用户专注在撰写应用上，而不必浪费时间纠结配置的问题。同时，Vue CLI也为每个工具提供了调整配置的灵活性，无须reject。

安装Vue CLI脚手架也就是安装工具包，主流的包管理工具有3种，分别是npm、yarn和cnpm，三者中选其一即可，它们都在终端使用命令运行。

1．npm

npm资源来自国外，通常会出现资源加载速度慢、加载失败等情况。在2.1节中已经安装了Node.js，可直接执行npm命令。

◎ npm install -g @vue/cli：使用npm命令全局安装Vue CLI脚手架。

2．yarn

yarn是Facebook发布的一款快速、可靠、安全的依赖管理工具。yarn会将每个下载过的包缓存起来，在下次依赖时不会重新下载。如果你想使用yarn命令，那么需要先执行以下命令安装yarn。

◎ npm install -g yarn：全局安装yarn。

◎ yarn –version：检查版本号，判断是否安装成功。

◎ yarn global add @vue/cli：通过yarn命令全局安装Vue CLI脚手架。

3．cnpm

cnpm是国内的淘宝镜像。在构建项目过程中，很多的资源包需要从国外服务器下载，受网络的影响可能会下载失败，因此可使用淘宝镜像下载。目前淘宝镜像的资源包与官方资源包每10分钟同步一次，以保证尽量与官方服务同步。如果你想使用cnpm命令，需要先安装cnpm，请执行以下命令。

◎ npm install -g cnpm --registry=
https://registry.npm.taobao.org：全局安装cnpm。