Vue项目开发流程

nodejs的安装

nodejs下载

*配置npm全局安装路径
npm config set prefix "D:\nodejs"
设置成功  npm config get prefix 能获取到路径

*切换npm淘宝镜像 加速资源下载
npm config set registry https://registry.npm.taobao.org

*安装vue-cli
npm install -g @vue/cli
安装成功
vue --version

创建vue项目

简单创建项目，需要创建文件夹位置打开 vue ui
创建项目–项目名–包管理器(npm)–下一步–手动模版–Router–vue版本2.X–语法检测规范（第一个）

vue项目结构

node_modules //依赖
public //静态文件
src //项目源代码 -assets静态资源 --components 可重用的组件 --router路由配置 --views视图组件（页面） --APP.vue入口页面（根组件） --main.js 入口js文件
packge.json//模块的基本信息，项目开发所需要的模块，版本信息。
vue.config.json//保存vue的配置文件，如代理 端口配置等等。

运行项目

找到packge.json位置 npm run serve
修改端口 vue.config.json

devServer:{
	port:7000,
}

APP.vue

<template></template> 模版部分 生成html代码
<script></script> 控制模版的数据来源和行为
<style></style> css样式