@H_4030@一、安装vue-cli
@H403_0@1.使用npm全局安装vue-cli(前提是你已经安装了nodejs,否则你连npm都用不了),命令如下:
<div class="jb51code">
<pre class="brush:js;">
npm install vue-cli -g
@H_4030@一、安装vue-cli
自动打开网页,则需要进行如下设置:
@H_403_0@main.js——[入口文件] 主要是引入vue框架,根组件及路由设置,并且定义vue实例,@H_403_0@下图中的components:{App}就是引入的根组件App.vue @H_403_0@后期还可以引入插件,当然首先得安装插件。
@H_403_0@router——[路由配置] router文件夹下,有一个index.js,即为路由配置文件@H_403_0@这里定义了路径为'/'的路由,该路由对应的页面是Hello组件,所以当我们在浏览器url访问http://localhost:8080/#/时就渲染的Hello组件 @H_403_0@类似的,我们可以设置多个路由,‘/index','/list'之类的,当然首先得引入该组件,再为该组件设置路由。