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 -version2.查看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方式命名*/.