Vue-脚手架(一)

Vue脚手架：Vue-Cli，可方便快捷地开发完整地系统

通过 @vue/cli 实现的交互式的项目脚手架。
通过 @vue/cli + @vue/cli-service-global 实现的零配置原型开发。
一个运行时依赖 (@vue/cli-service)，该依赖：
可升级；
    基于 webpack 构建，并带有合理的默认配置；
    可以通过项目内的配置文件进行配置；
    可以通过插件进行扩展。
一个丰富的官方插件集合，集成了前端生态中最好的工具。
一套完全图形化的创建和管理 Vue.js 项目的用户界面。

 

使用安装vue-cli前，必须安装Node.js和Webpack

Node.js：在官网下载安装包，根据需要安装(我一般直接next)，安装后打开命令行窗口cmd，输入node -v，则能看到nodejs的版本，此时说明安装成功

　　安装后需要初始化npm，输入命令初始化

npm init -y

Webpack：在安装完node.js后，打开命令行窗口cmd，运行命令进行安装

npm install webpack -global
npm install --save-dev webpack webpack-cli

由于国内环境原因，使用淘宝npm镜像安装其他内容比使用npm直接安装快速方便：

npm install -g cnpm --registry=https://registry.npm.taobao.org

Vue-Cli：

//安装
npm install -g @vue-cli 或yarn global add @vue/cli
//卸载旧版本
npm uninstall vue-cli -g 或 yarn global remove vue-cli
//检查版本
vue --version
//拉取2.x模板
//'vue init' 运行效果将会跟‘vue-cli@2.x'相同，如：vue init webpack my-project
npm insatll -g @vue/cli-init

检查版本时能显示出来，则说明安装成功。