Vue脚手架搭建和vue项目创建

vue脚手架

Vue脚手架指的是vue-cli，它是一个快速构建**单页面应用程序（SPA）**环境配置的工具，cli是（command-line-interface ）命令行界面。

环境安装

Windows+R，输入cmd打开管理员命令提示符。 

（1）安装vue

npm install vue

 （2）安装Webpack

npm install webpack -g

（3）安装Vue脚手架

npm i -g @vue/cli-init

补充一下：

关于vue-cli2.x和vue-cli3.x创建项目的区别：

（1）vue-cli2.x创建项目：

vue init webpack 项目名称

（2）vue-cli3.x创建项目：

vue create 项目名称

Vue项目创建

1、从文件夹直接进入：

（1）创建目录：

 

2、或者，指令创建目录：

cd d:\vue_project\

 （2）创建项目：

vue init webpack demo

（3）若是需要安装模块，使用：

npm install 模块名
yarn add 模块名

（4）启动项目：

npm run dev

 初始访问项目，显示如下界面即表示创建成功：