Vue第六篇 element-ui 项目管理工具npm webpack 启Vue项目vue-cli

node
npm
npm管理项目
npm init -y
npm install xxxx@0.0.0
npm uninstall xxx
npm i 下载package.json所有的依赖
webpack
默认的入口文件
手动创建的src/index.js
默认的出口文件
dist/main.js
webpack --mode development/production
vue-cli
脚手架帮助我们搭建Vue项目的
下载
npm i vue-cli -g
用vue-cli搭建项目
vue init webpack 项目名称
启动项目
cd 项目目录下
npm run dev
vue-cli项目目录
build 打包后存放的所有文件包括配置文件
config 配置文件
node_models 依赖包
src 工作目录
static 静态文件
index.html 单页面应用
package.json 存放所有项目信息
路由的解耦
-- 下载 npm i vue-router
-- 导入 import VueRouter from "vue-router"
-- Vue.use(VueRouter)
-- 定义匹配规则url
-- 实例化VueRouter
-- 把VueRouter对象注册到Vue的根实例里