Mac Vue 创建项目

1.安装Node

http://nodejs.cn/download/ 下载Mac 安装包

截屏2022-02-28 下午5.19.13.png
安装完成后，进入到命令行，输入node -v，显示node的版本即表示安装成功。

2.安装VUE-CLI

npm install vue-cli -g      //全局安装 vue-cli

查看vue-cli是否成功

vue list

截屏2022-02-28 下午5.23.57.png

3.创建项目

vue init webpack "项目名称"

截屏2022-02-28 下午5.32.26.png

Project name ==> 项目名称  自己输入；
Project description ==> 项目描述  自己输入；
Author ==> 项目作者  自己输入；
Vue build ==> 打包方式，回车即可；
Install vue-router ==> 是否要安装 vue-router，项目中肯定要使用到 所以Y 回车；
Use ESLint to lint your code ==> 是否需要 js 语法检测 目前我们不需要 所以 n 回车；
Set up unit tests ==> 是否安装 单元测试工具 目前我们不需要 所以 n 回车；
Setup e2e tests with Nightwatch ==> 是否需要 端到端测试工具 目前我们不需要 所以 n 回车；
新版需要选择运行依赖安装方式选择第三个 方便不费时
Should we run `npm install` for you after the project has been created? (recommended)Yes, use NPMYes, use Yarn> No, I will handle that myself     

4. 安装项目依赖

切换到项目目录，执行

npm install 

5.运行项目

切换到项目目录，执行

npm run dev

成功

截屏2022-02-28 下午5.36.46.png

6.安装element-UI组件

切换到项目目录，执行

npm install element-ui -S