Vue脚手架安装、创建与运行

Vue脚手架是什么

它是一个专门为单页面(SPA)应用快速搭建繁杂的脚手架,它是基于webpack的基础开发出来的一款能够快速的帮助我们构建一个用来开发vue的项目目录、结构(vue和webpack的项目模板)。
vue脚手架基于node的环境:创建复杂vue项目的模板

安装

  1. 先把nodejs安装成功
  2. 安装全局脚手架 npm i -g @vue/cli
    Vue脚手架安装、创建与运行_第1张图片
  3. 检测是否安装成功,查看版本 vue -V在这里插入图片描述

创建项目

返回根目录,创建文件夹
Vue脚手架安装、创建与运行_第2张图片

运行项目

cd myvue 切换到项目目录 
npm run serve 运行项目

Vue脚手架安装、创建与运行_第3张图片

什么时候用props

  • 当主句不需要修改,且需要从父组件获取

什么时候用data

  • 当数据需要修改的时候

你可能感兴趣的:(vue.js,javascript,webpack)