随着VUE 技术的不断更新,越来越多的开发者开始使用vue编写前端界面,今天我就和大家分享一下 ,如何快速创建一个vue项目。
前提: 安装了node.js
首先: 全局安装vue-cli
使用命令:
npm intsall vue-cli -g (-g代表全局安装)
创建项目
使用Vue初始化基于webpack 的新项目
使用命令:
vue init webpack my-project
命令运行中会提示一些选项 ,可以根据自己使用情况安装 ,个人推荐安装eslint ,他可以更好的规范我们的代码风格
新项目创建好后,可以开始安装基础模块
进入我们创建的项目
cd my-boject
开始安装模块
npm intsall
此命令可能会执行很长时间,视网速而定 ,如果感觉时间很长,可以考虑试试cnpm 安装
模块安装完成后,执行以下命令可预览刚刚创建的新项目
npm run dev
至此 使用Vue-cli脚手架创建新项目完成