首页 > 其他 > 详细

vue基础---12脚手架

时间:2021-09-12 10:54:25      阅读:37      评论:0      收藏:0      [点我收藏+]

00.vue-cli是什么?

  vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目。

01.安装Vue-cli

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

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

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

02.使用Vue Cli2创建项目

  a、创建Vue Cli2项目:vue init webpack name

  b、创建Vue Cli2步骤如下:

  技术分享图片

 

 

   c、目录结构

  技术分享图片

 

 

 03.使用Vue Cli3创建项目

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

  b、创建步骤如下图

  技术分享图片

 

   c、目录结构

  技术分享图片

 

 04.运行方式

  执行命令:npm run serve

 

 

 

 

 

 

 

 

 

 

 

 

技术分享图片

 

vue基础---12脚手架

原文:https://www.cnblogs.com/hunter1/p/15250907.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!