怎么创建vue项目

怎么创建vue项目

环境准备

安装node环境

从nodejs官网下载下载所需要的ndoe安装程序，把安装的路径加入到path环境变量中，MacOS上面也可以：

brew install node

然后，用命令检测是否安装成功：

node -v

可以显示版本号即可。

安装vue-cli脚手架构建工具

国内为了提高安装速度，可以将仓库切换到阿里的镜像：

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

然后，安装脚手架：

npm install vue-cli -g

创建项目

vue init webpack vue-demo

这样就创建了一个vue-demo的项目。

安装依赖包

将package.json里面的依赖包安装好：

cd vue-demo
npm install

运行项目

启动项目：

npm run dev