vue手脚架搭建

搭建vue脚手架

1，安装nodejs环境

官网下载
安装完成后，运行cmd，输入


如果显示版本号证明安装成功。

2，安装vue-cli

安装完成输入

显示版本号则安装成功

3、使用vue-cli来创建一个基于 webpack 模板的新项目

cmd利用cd指令进入到保存项目的文件夹下，输入下面指令

安装项目所需要的依赖
进入项目文件夹下，输入下面命令

运行项目

在浏览器中输入网址http://localhost:8080 会出现如下图

4、后续其它步骤—打包上线
项目开发完成之后，可以输入 npm run build 来进行打包工作

项目文件功能介绍

以上就是vue手脚架的搭建啦！