本教程面对是准备接触vue亦或者是vue的初学者,有写的不对的欢迎指正。
node环境搭建
window下安装
打开node官网下载地址 [https://nodejs.org/en/]: node下载。
mac 下安装
这里推荐使用homebrew(mac下面包管理软件)
由于homebrew的软件包都在国外,所以这里可以替换为国内的mirrors
brew install node
包管理软件下载(yarn)
打开yarn网站下载地址 yarn下载
同样可以把yarn添加淘宝的镜像
当然大家也可以使用npm
安装vue+element-ui
附vue官网地址
yarn global add vue //全局安装
yarn global add vue-cli //vue项目初始化的自动化工具
vue init webpack my-project //使用vue-cli初始化一个工程会结尾选择npm或者yarn会自动下载项目依赖
cd my-project //进入项目目录
yarn add element-ui --save //添加项目对于element-ui的依赖
附element-ui官网地址
//在my-project目录下运行
yarn run dev
打开localhost:8000 即可看到vue的界面
为了更加方便的调试vue项目,大家可以安装vue devtools.