如何搭建Vue脚手架

一.安装node.js
去node.js官网下载安装
二、安装vue

npm  i vue 

三、全局安装vue-cli

npm i vue-cli -g

四、使用vue-cli初始化项目。test是项目名称

vue init webpack test

注意：在搭建项目中会有几个问题，需要配置一下

Project name :项目名称 注意：这里不能使用大写
Project description:项目描述，默认为A Vue.js project,直接回车，不用编写。
Author：作者，如果你有配置git的作者，他会读取。
Install vue-router? 是否安装vue的路由插件，我们这里需要安装，所以选择Y
Use ESLint to lint your code? 是否用ESLint来限制你的代码错误和风格。
我们这里不需要输入n，如果你是大型团队开发，最好是进行配置。
setup unit tests with Karma + Mocha? 是否需要安装单元测试工具
Karma+Mocha，我们这里不需要，所以输入n。
Setup e2e tests with Nightwatch?是否安装e2e来进行用户行为
模拟测试，我们这里不需要，所以输入n。

这里就选择npm安装 然后等待下载。。。。

实际开发中根据需要配置。

安装好后如图

依次输入cd test npm run dev
cd test ----------进入刚刚创建的test文件夹下面
npm run dev ------------让项目运行

输入完后他会给你一个地址，在浏览器输入http://localhost:8080就可以了
创建好后test文件夹下面会生成很多文件