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样式