VUE2.0搭建脚手架入门

安装环境

在很使用vue之前，需要先安装环境

1. 安装node.js，安装包可在官网找到node.js。安装过程就是傻瓜式的一直下一步。

【因为在官网下载安装node.js后，就已经自带npm（包管理工具）了。】

2. 安装Git Bash（因为个人不太喜欢直接用cmd）。Git Bash是Git 提供的一个轻量型的git命令工具。是仿真Linux和Unix的命令行环境。

安装步骤如下

2.1. 进入官网下载Git Bash。【没有截图的，就按照默认步骤蛤~】

image.png

image.png

image.png

image.png

3. 安装淘宝镜像 或者 yarn 。

原因是npm是外国的服务器，若用cnpm（淘宝镜像）下载，就可以直接走国内的镜像，相对而言比较快；yarn的话也比npm快。

3.1 cnpm安装命令
npm install -g cnpm --registry=https://registry.npm.taobao.org
3.2yarn安装

4. 安装webpack

安装webpack命令
npm install webpack -g

5. 安装vue-cli脚手架构建工具

npm install vue-cli -g

以上，环境已经安装完毕~

6. 使用vue-cli构建项目

6.1 找到指定文件夹，打开gitbash，输入命令
vue init webpack demo

• webpack 指使用webpack模板
• demo 指项目名称

6.2 以下是安装过程中

安装vue脚手架

6.3 cd到新创建的项目目录中，安装依赖
yarn /*or*/ npm install

6.4 以下是目录文件内各文件的功能

文件内容

6.5 运行项目
npm run dev

搭建完成，收工。