1、搭建项目框架

使用vue-cli 没安装的需要先安装

npm intall -g vue-cli

使用vue-cli生成项目框架

vue init webpack-simple vue-movie

然后一路回车

接着 进入项目目录

cd vue-movie

然后安装项目依赖包

cnpm install

没安装cnpm的先执行这个命令

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

接着 npm run dev

大学生就业培训,高中生培训,在职人员转行培训,企业团训

看到这个界面 说明前面没啥问题了

2、安装需要的依赖包

该项目需要用到vue-router bootstrap

 

所以先安装这两个包

cnpm install vue-router bootstrap -D

然后在 index.html 页面引用下boostrap.css和另一个需要用到的css文件

 

　<link rel="stylesheet" href="/node_modules/bootstrap/dist/css/bootstrap.css">
  <link rel="stylesheet" href="http://v3.bootcss.com/examples/dashboard/dashboard.css">

3、编写代码

 App.vue

 来到src目录下的App.vue中添加下列代码

大学生就业培训,高中生培训,在职人员转行培训,企业团训

        		
网友评论