vue基础---12脚手架

2021年09月15日 阅读数:1
这篇文章主要向大家介绍vue基础---12脚手架,主要内容包括基础应用、实用技巧、原理机制等方面,希望对大家有所帮助。

00.vue-cli是什么?vue

  vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 能够快速建立 vue 项目。node

01.安装Vue-cliwebpack

  第一步:安装NodeJs:https://nodejs.org/zh-cn/web

  第二步:安装Webpack——npm install webpack -g(全局安装)vue-cli

  第三步:安装Vue-cli——npm install -g @vue/clinpm

02.使用Vue Cli2建立项目ide

  a、建立Vue Cli2项目:vue init webpack name3d

  b、建立Vue Cli2步骤以下:blog

  vue基础---12脚手架_目录结构

 

 

   c、目录结构it

  vue基础---12脚手架_建立项目_02

 

 

 03.使用Vue Cli3建立项目

  a、建立Vue Cli3项目:vue create name

  b、建立步骤以下图

  vue基础---12脚手架_目录结构_03

 

   c、目录结构

  vue基础---12脚手架_运行方式_04

 

 04.运行方式

  执行命令:npm run serve

 

 

 

 

 

 

 

 

 

 

 

 

vue基础---12脚手架_目录结构_05