Vue学习之安装运行环境

1.安装js的运行环境Node.js

Node.js的官网下载地址https://nodejs.org/zh-cn/

注意：如果使用Vue3.0则必须安装Node.js版本8.9以上，否则无法使用

在mac下node.js和npm默认的安装位置如下：

• Node.js v12.16.3 to /usr/local/bin/node

• npm v6.14.4 to /usr/local/bin/npm

傻瓜式一直下一步安装即可，安装完成后，测试是否安装成功：

在终端打开分别输入：
node -v
npm -v
出现以下，证明安装成功：
administrator@songqiangdeMacBook-Pro ~ % npm -v
6.14.4
administrator@songqiangdeMacBook-Pro ~ % node -v
v12.16.3

2.管理Node.js版本

执行命令安装：npm install -g n

• n laster（升级安装到最新的版本）

• n stable（升级最新的稳定版本）

• n 后面也可以跟随版本号 ，例如n v12.16.3

3.全局安装Vue-cli3.0脚手架

• 卸载：如果已经全局安装旧版本的脚手架Vue-cli（1.x或2.x），需要先对脚手架进行卸载：npm uninstall vue-cli -g

• 安装：cnpm install -g @vue/cli

• 查看版本号：vue -V， 出现即为安装成功

• 3.0对2.0版本的桥接：npm install -g @vue/cli -init

注意：如果安装出错，需要获取nodejs模块安装目录访问权限

sudo chmod -R 777 /usr/local/lib/node_modules/

4.安装淘宝镜像 cnpm—解决网络下载慢的问题

npm install -g cnpm --registry=https://registry.npm.taobao.org