提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档

目录

前言

一、node.js下载安装

二、环境变量配置​​​​​​​

三、脚手架安装 

总结​​​​​​​


前言

新手学习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】,继续安装。


总结

环境搭建还是很简单的,安装过程中就是工具包下载不太好找,网上慢慢搜素就是了。遇到安装问题各种百度,见招拆招。

GitHub 加速计划 / de / devtools
63
6
下载
vuejs/devtools: Vue.js 开发者工具,这是一个浏览器插件,可以安装在 Chrome 和 Firefox 等现代浏览器中,用于调试 Vue 应用程序,提供了组件树查看、状态快照、时间旅行等高级调试功能。
最近提交(Master分支:4 个月前 )
79116147 - 1 年前
f0359002 - 1 年前
Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐