vue-cli图形化管理界面创建单文件组件项目

为了保证能够使用vue.js单文件组件，需要安装以下环境。

安装 `npm`
`npm` 全称为 `Node Package Manager`，是一个基于`Node.js`的包管理器，也是整个`Node.js`社区最流行、支持的第三方模块最多的包管理器。
npm -v

由于网络原因 安装 `cnpm`
npm install -g cnpm --registry=https://registry.npm.taobao.org

安装 `vue-cli`
cnpm install -g @vue/cli

安装 `webpack`
`webpack` 是  `JavaScript` 打包器(module bundler)
cnpm install -g webpack

创建项目步骤

1.进入要创建项目的目录

windows的cmd下盘符：（例如D:）进入相应的盘，然后cd 路径（例如cd \code\vuecode）进入文件夹

2.启动vue-cli图形化管理界面

vue ui

 3.创建项目

点击创建->在此创建项目->输入项目名->选择npm包管理器->下一步->默认设置->创建项目。