在搭建脚手架之前我们需要安装node.js和npm,

打开dos命令

查看node和npm版本

Vue之搭建脚手架项目CLI

安装全局的Vue-cli

命令行:npm install --global vue-cli

Vue之搭建脚手架项目CLI

进入的打算存放项目的文件夹下:

例如我的:E:\vue\project

vue init webpack 项目名

Vue之搭建脚手架项目CLI

正在下载模板:

Vue之搭建脚手架项目CLI

让你输入项目名:如果你的项目名全是小写字母可以直接回车,或者需要重新起名也可以

Vue之搭建脚手架项目CLI

Vue之搭建脚手架项目CLI

这个让你输入项目的描述

Vue之搭建脚手架项目CLI

输入项目作者

Vue之搭建脚手架项目CLI

第一次创建需要选择安装一些东西你可以全部选择No

Vue之搭建脚手架项目CLI

选择完成之后正在安装组件(需要一段时间)

Vue之搭建脚手架项目CLI

安装完成。

我们进入vue-demo

Vue之搭建脚手架项目CLI

通过npm install安装项目需要的模块。

Vue之搭建脚手架项目CLI

安装完成。

通过VScode打开

Vue之搭建脚手架项目CLIg

我的第一个CLI项目:https://github.com/pengpengbhne/Vue

我们需要通过npm run dev 启动:

 

Vue之搭建脚手架项目CLI

在浏览器中访问:

Vue之搭建脚手架项目CLI

 

 

模块之间的传值:https://blog.csdn.net/qq_35723619/article/details/83822793

 

相关文章:

  • 2018-09-25
  • 2018-05-26
  • 2021-03-05
  • 2019-03-14
  • 2021-03-25
  • 2021-09-25
  • 2019-12-27
  • 2018-03-07
猜你喜欢
  • 2019-03-30
  • 2018-10-18
  • 2019-01-02
  • 2021-02-28
  • 2017-12-15
  • 2020-02-22
  • 2020-05-23
  • 2021-03-09
相关资源
相似解决方案