快速创建vue 项目

随着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 安装

模块安装完成后,执行以下命令可预览刚刚创建的新项目

扫描二维码关注公众号,回复: 3016526 查看本文章
npm run dev

至此 使用Vue-cli脚手架创建新项目完成

猜你喜欢

转载自www.cnblogs.com/hspl/p/9574650.html