vue学习随记:Vue开发环境(Mac)搭建之node.js安装及环境配置、vue-devtools工具安装和脚手架安装
devtools
vuejs/devtools: Vue.js 开发者工具,这是一个浏览器插件,可以安装在 Chrome 和 Firefox 等现代浏览器中,用于调试 Vue 应用程序,提供了组件树查看、状态快照、时间旅行等高级调试功能。
项目地址:https://gitcode.com/gh_mirrors/de/devtools
·
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
目录
二、环境变量配置
总结
前言
新手学习Vue,首先是开发环境搭建,包括node.js下载安装环境变量配置及脚手架安装。
提示:以下是本篇文章正文内容,下面案例可供参考
一、node.js下载安装
参照Mac 安装 node.js 及环境配置_风陵渡W的博客-CSDN博客_mac nodejs
二、环境变量配置
Mac电脑终端输入:
vim .bash_profile
编辑添加这句:
PATH=$PATH:/usr/local/bin/
输入命令使配置生效:source .bash_profile
三、脚手架安装
vue脚手架是vue官方提供的标准化工具(开发平台),最新版本是4.x,官方文档:https://cli.vuejs.org/zh/
自己写的vue文件浏览器是不认识的,浏览器只认识html、css、j s,需要脚手架编译解析,转化翻译成浏览器认识的文件。
安装步骤:
参考官方文档-安装目录:安装 | Vue CLI
(1)配置npm淘宝镜像,不然下载安装很慢
npm config set http://registry.npm.taobao.org
(2)可以使用下列任一命令安装这个新的包:
npm install -g @vue/cli
# OR
yarn global add @vue/cli
我使用的是第一个命令,安装过程中如果暂停,可以按【Enter】,继续安装。
总结
环境搭建还是很简单的,安装过程中就是工具包下载不太好找,网上慢慢搜素就是了。遇到安装问题各种百度,见招拆招。
vuejs/devtools: Vue.js 开发者工具,这是一个浏览器插件,可以安装在 Chrome 和 Firefox 等现代浏览器中,用于调试 Vue 应用程序,提供了组件树查看、状态快照、时间旅行等高级调试功能。
最近提交(Master分支:4 个月前 )
79116147 - 1 年前
f0359002 - 1 年前
AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。
更多推荐


所有评论(0)