[JavaScript知识库]H5学习随记：Vue开发环境（Mac）搭建之node.js安装及环境配置、vue-devtools工具安装和脚手架安装

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

目录

前言

一、node.js下载安装

二、环境变量配置

1.引入库

2.读入数据

三、脚手架安装?

总结???????

前言

新手学习Vue，首先是开发环境搭建，包括node.js下载安装环境变量配置及脚手架安装。

提示：以下是本篇文章正文内容，下面案例可供参考

一、node.js下载安装

参照Mac 安装 node.js 及环境配置_风陵渡W的博客-CSDN博客_mac nodejs?

二、环境变量配置

1.引入库

代码如下（示例）：

import numpy as np
import pandas as pd
import matplotlib.pyplot as plt
import seaborn as sns
import warnings
warnings.filterwarnings('ignore')
import  ssl
ssl._create_default_https_context = ssl._create_unverified_context

2.读入数据

代码如下（示例）：

data = pd.read_csv(
    'https://labfile.oss.aliyuncs.com/courses/1283/adult.data.csv')
print(data.head())

该处使用的url网络请求的数据。

三、脚手架安装?

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】，继续安装。

总结

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