Vue之搭建脚手架项目CLI

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

打开dos命令

查看node和npm版本

安装全局的Vue-cli

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

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

例如我的:E:\vue\project

vue init webpack 项目名

扫描二维码关注公众号,回复: 4027758 查看本文章

正在下载模板:

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

这个让你输入项目的描述

输入项目作者

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

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

安装完成。

我们进入vue-demo

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

安装完成。

通过VScode打开

g

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

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

在浏览器中访问:

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

猜你喜欢

转载自blog.csdn.net/qq_35723619/article/details/83817417