前端工具安装

安装Yeoman Bower Grunt:
1 NodeJs的安装
http://nodejs.cn/ 在node的官网上下载安装包,然后一键式安装。
安装后验证是否安装成功:进入命令提示符,输入 node --verison 命令。安装Node.js,会自动安装npm,验证npm是否安装成功:同样在命令提示符中输入 npm --version

2 安装git
   Git 是 Linus Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。Yeoman自动构建项目时会用到该软件,所以我们先安装好。到 Git官网 上下载并安装。

3.安装Yeoman,Grant,Bower
   在命令提示符中运行 npm install -g yo grunt-cli bower

4.安装generator
   为了搭建一个web应用脚手架,你将需要安装generator-webapp生成器:
npm install -g generator-webapp
这是默认的web应用生成器,它将搭建一个项目脚手架包括HTML5 Boilerplate,jQuery,Modernizr,还有Bootstrap。在交互的提示中你可以选择不包含它们中的一些。
现在生成器已经安装好了,为你的项目创建一个新的目录,
mkdir my-yo-project
cd my-yo-project
然后运行:
yo webapp webappproject
其他的生成器也是如此的结构进行安装,比喻angular
5 用npm安装太慢
你可以使用我们定制的  cnpm  (gzip 压缩支持) 命令行工具代替默认的 npm:
$ npm install -g cnpm --registry= https://registry.npm.taobao.org
安装模块
$ cnpm install [name]
同步模块
直接通过 sync 命令马上同步一个模块, 只有 cnpm 命令行才有此功能:
$ cnpm sync connect
当然, 你可以直接通过 web 方式来同步:  /sync/connect
$ open https://npm.taobao.org/sync/connect
其它命令
支持 npm 除了 publish 之外的所有命令, 如:
$ cnpm info connect
前端开发中,脚手架是一种工具,用于快速搭建项目的基础结构和配置。Vue CLI是Vue.js官方提供的一个脚手架工具,用于创建Vue项目的标准结构和相关配置文件。安装Vue CLI可以通过在命令行中输入以下命令进行安装:npm install @vue/cli -g(最新版本) 或 npm install vue-cli -g(非最新版本)。安装成功后,可以通过查询vue@cli的版本来确认安装是否成功。 至于yarn,它是一种替代npm的包管理工具,也可以用于安装、管理和构建前端项目的依赖。要安装yarn,可以首先安装Node.js,然后根据默认提示进行安装安装完成后,可以在新安装的快捷菜单中找到yarn的相关选项。 总结起来,如果你想安装前端脚手架并使用yarn进行包管理,你可以按照以下步骤进行操作: 1. 安装Node.js,根据默认提示进行安装。 2. 安装Vue CLI,通过命令行输入npm install @vue/cli -g(最新版本)或npm install vue-cli -g(非最新版本),并查询vue@cli的版本确认安装成功。 3. 安装yarn,根据默认提示进行安装。 希望对你有帮助!<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [2021-05-06-前端-安装 vue 和 vue 脚手架环境-nodejs篇(涉及到npm和yarn的讲解)](https://blog.csdn.net/m0_46551050/article/details/116454083)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值