作为一个刚入门的前端开发人员,掌握了html、css、js、jquery等基础,就要开始进阶学习使用一些框架,我选择的是vue框架,Vue是一套用于构建用户界面的渐进式框架,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。在这里我会分享我的一些vue学习和使用心得,和大家一起学习vue。
一、新建一个vue项目
前提条件:已安装node可以正常使用npm命令,并全局安装vue-cli工具。
npm install vue-cli -g
1.创建项目
使用vue初始化基于webpack的新项目
vue init webpack my-project(你的项目名称)
2.进行安装
Project name my-project
Project description A Vue.js project
Author lzh <****@qq.com>
Vue build (Use arrow keys)
Vue build standalone
Install vue-router? Yes
Use ESLint to lint your code? No(除这三个外,其他的都回车)
Set up unit tests No
Setup e2e tests with Nightwatch? No
3.运行项目
cd my-project
npm run dev
二、目录简介
主要的文件都是放在src中
1.在src/assets中新建css、img、js文件夹
2.src/components中存放自己的vue组件
3.src/router存放路由配置信息
4.src/lib存放模拟的数据
5.新建src/store存放vuex
6.新建src/views存放路由组件