vue-cli创建vue项目

vue

一、环境依赖安装

1.在什么环境都没有的电脑上,首先是npm的依赖安装(百度上面教程很多,可自行搜索安装),可通过npm -v检查是否安装成功

2.使用npm(需要安装node环境)全局安装webpack(注意:webpack 4.X 开始,需要安装 webpack-cli 依赖 ,所以使用这条命令 npm install webpack webpack-cli -g),打开命令行工具输入:npm install webpack -g或者(npm install -g webpack),安装完成之后输入 webpack -v,如果出现相应的版本号,则说明安装成功。

3.接下来,则是全局安装vue-cli:


如上图所示,安装不成功,于是换另一种命令:

安装成功!

二.使用vue-cli构建一个新的vue项目

首先在D盘新建一个文件夹(vuePros)作为项目存放地,然后使用命令行cd进入到项目目录输入:vueFisrt是自定义的项目名称,命令执行之后,会在当前目录生成一个以该名称命名的项目文件夹。

创建完项目之后,会有开启项目的提示,可以通过cmd命令运行,也可以直接在编辑器里面打开,我将分开演示。

1.通过编辑器打开并运行


2.直接通过cmd命令运行



鉴于此,一个完整的vue项目搭建完成

附上每个文件夹的意思

注:部分内容引用了作者https://www.cnblogs.com/ming1025/p/9887247.html

以上是 vue-cli创建vue项目 的全部内容, 来源链接: utcz.com/z/377193.html

回到顶部