Mac m1 搭建vue环境

安装node.js

1.从官网下载node.js安装包
https://nodejs.org/en/download/
2.安装后打开终端输入以下命令进行验证
验证node版本

node -v

验证npm命令

npm -v

切换镜像

(如果下载失败，请在命令前加上sudo，可能是没有权限创建文件)
1.终端执行命令下载淘宝镜像

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

2.切换淘宝镜像(切换后就可以用阿里定制的cnpm命令行工具代替默认的npm)

npm config set registry https://registry.npm.taobao.org

3.查看是否切换成功

npm config get registry

安装模块打包器

(如果下载失败，请在命令前加上sudo，可能是没有权限创建文件)
1.安装webpack

cnpm install webpack -g

2.安装webpack-cli

cnpm install webpack-cli -g

安装Vue脚手架

(如果下载失败，请在命令前加上sudo，可能是没有权限创建文件)
脚手架版本参考文章
vue_cli和@vue/cli的区别
1.安装Vue脚手架

cnpm install vue-cli -g

2.查看Vue版本(-V,V大写为脚手架版本)

vue -V

创建一个基于webpack的项目

创建命令(可以先创建一个目录)
vuedemo是项目名称

vue init webpack vuedemo

执行命令后全部yes即可
执行完成后cd到vuedemo
执行命令安装node_module

sudo cnpm install

执行该命令可能会出现的错误
解决方法

1. 执行命令单独下载chromdriver

sudo cnpm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver

解决方法

1. 执行命令

sudo cnpm install node-sass --save-dev

错误解决完成后再执行一遍命令(sudo cnpm install)