使用vue-cli创建vue项目

vue4.5.12创建vue文件目录

首先创建个文件夹然后在路径栏输入cmd

 

 

 

 

第二步下载脚手架vue-cli

（注意：安装4.9以上是一路回车，3.0----4.0是需要注意的，部分不是回车）

 

 

在打开的cmd窗口输入

npm install -g @vue/cli

如果已经安装有vue，输入下列代码查看版本

vue -V

对于vue 的版本一般在3.0以上基本没啥问题，可以开始创建文件了

vue create <project name>

<project name>替换成你想要的文件名，如下图

 

 

 

 

回车后出现如下窗口

 

 

首先就不要看vue2 了，直接看vue3，如果不需要ts（TypeScript）就默认安装vue3，否则选Manually select features（即自选配置）

 

接上一步，回车后不要着急回车，在自选配置界面选完后再回车

 

 

注意：A是全选，空格是选择，用键盘上的上下键选择自己需要的配置，选完后按回车。

 

回车后出现下图，不要多想直接选择3.x 回车

 

 

紧接着会出现如下如所示界面

 

 

可看回顶端，直接回车就好。

 

下图是安装完成的样子

 

 

然后输入蓝色字体进入vue文件项目启动服务

 

 

完成后如图所示即完成脚手架的安装与配置

 

 

复制Local的IP到浏览器打开出现如下界面即真正成功

 

全局安装 webpack
npm install webpack -g

webpack 4.0 开始，需要安装 webpack-cli 依赖
npm install webpack webpack-cli -g

查看版本号
webpack -v