怎么创建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