tfsun的博客

为了保证能够使用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

1.使用vue -V和vue -version查看vue-cli版本 vue -V vue -version 2.查看vue版本 需要自己搭建一个项目或者找到自己已经搭建好的项目中找到package.json文件打开，找到与下面相同的:

1.进入vue-cli图形化管理界面方法 在全局安装 vue-cli 版本大于3.0的状态下，在终端中输入vue ui命令即可启动vue脚手架提供的图形化项目管理界面。可使用vue -V（或vue -version）检查vue-cli版本。 进入图形化管理界面后如图： 2.输入 vue ui 后没有响应的解决方案 这一般是vue-cli版本低于3.0的原因，我用npm install vue-cli -g命令安装就出现了这种情况，可以使用npm uninstall -g vue-cli卸载原来版

<div id="app"> <h3-component></h3-component> </div> <script type="text/javascript"> var vm = new Vue({ el : "#app", data :{}, components:{ H3Component : {/*直接在 DOM (即非字符串的模板) 中使用时只有 kebab-case 是有效的,推荐使用kekab-case方式命名*/ .