创建vue项目

创建vue项目

1、 打开命令提示符，全局安装@vue/cli
npm install -g @vue/cli
2、 切换到我们需要创建项目的目录，在这个目录下打开cmd
vue create 项目名
3、选择需要的特性

最后一个代表手动配置。
4、脚手架文件结构
├── node_modules
├── public
│ ├── favicon.ico: 页签图标
│ └── index.html: 主页面
├── src
│ ├── assets: 存放静态资源
│ │ └── logo.png
│ │── component: 存放组件
│ │ └── HelloWorld.vue
│ │── App.vue: 汇总所有组件
│ │── main.js: 入口文件
├── .gitignore: git版本管制忽略的配置
├── babel.config.js: babel的配置文件
├── package.json: 应用包配置文件
├── README.md: 应用描述文件
├── package-lock.json：包版本控制文件
5、路由的配置
（1）引入路由 import VueRouter from ‘vue-router’
（2）创建路由实例
const router = new VueRouter({
mode: ‘history’,
base: process.env.BASE_URL,
routes
})
（3）创建映射关系
（4）挂载到vue实例上
（5）预留展示区域 在app.vue中写< router-view / >标签
6、页面的创建
{
path: ‘/brandManagement’,
component: brandManagement
}
7、就可以开心的开始编写你的项目啦！