vue脚手架的搭建

• 搭建脚手架需要借助 npm 或 yarn 包管理器，所以需要提前安装好。

我们从两种方式安装介绍

1.借用别人的vue脚手架

• 借用别人的后，没有node_modules，需要执行下面命令创建
  ** npm i **

2.自己搭建vue脚手架

项目环境（脚手架） ：通过官方脚手架，（命令行的方式）搭建模块化，工程化，自动化开发环境

2.1）全局下安装

• 1、安装脚手架，这是安装全局下的vue

npm install -g @vue/cli

• 2、查看版本（安装好后查看脚手架的版本）

 vue -v

• 3、如果版本是低于3.X，那么卸载脚手架，安装最新的。

 npm uninstall vue-cli  -g  

• 4、安装（脚手架工具，）

** 装3.x/4.x **

npm install -g @vue/cli

** 桥接2.X **

npm install -g @vue/cli-init 

2.2）项目目录下安装

• 1、创建项目：使用脚手架搭建项目（文件夹）cmd中mkdir 创建文件

** 如果想搭建版本 v3.x/4.x **

vue create 项目名

** 如果想搭建版本 2.X **

vue init webpack 项目名

• 2、进入项目目录中 (cd 项目名)

** 开启项目v3.x/4.x **

npm run serve(也可以使用yarn serve)      打开8080端口

** 开启项目v2.x **

npm run dev 

** 注意：项目目录，不要和官方的或者第三方的模块重名，也不要使用汉字（每一级文件夹尽量不要使用汉字） **

HbuildX自动搭建模块化，工程化，自动化开发环境

    工作区-》右键-》创建项目-》普通项目-》vue-cli项目