快速创建vue 项目

Posted 2021-01-03 hspl

随着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脚手架创建新项目完成