installvue-cli1.需要全局安装webpacknpminstall-gwebpack//安装成功后输入`webpack-v`出现版本号npminstallwebpackwebpack-cli-g//安装webpack-cli依赖运行项目报错：'webpack'isnotaninternalorexternalcommand,norisarunnableprogram.报这个错是因为没有全局安装webpack。解决方案：1.确保安装了nodeJS。2.找到nodejs目录。我的目录就是图中的那个。你的可能不同。检查是否有以下两个文件。如果没有，请创建一个新的。3、修改全局路径，需要将默认的安装包路径修改为nodejs中新建的这两个文件。配置全局路径：npmconfigsetprefix“D:\soft\nodejs\node_global”配置缓存路径：npmconfigsetcache“D:\soft\nodejs\node_cache”注意：这里的路径是你的文件路径刚创建的，可以右键文件-->复制当前路径4.修改系统环境变量桌面-->我的电脑-->右键属性-->高级系统设置-->环境变量（或直接打开控制面板）注意：如果安装后不关闭运行窗口，直接webpack-v，还是会报'webpack'isnotaninternalorexternalcommand...，一定要关闭运行窗口，然后重新打开运行，和项目一样，先关闭运行窗口，使用webpack命令。我安装的时候没有关闭窗口，结果一直报错。我删了几次安装，坑。5、查看webpack-v时会提示必须安装webpack-cli，根据提示执行y继续安装，或者执行命令npminstallwebpack-cli-g进行安装。我是用continuey安装的，如图：安装的时候可能会出现一些warn警告，但是不影响，只要安装好包即可。2.全局安装vue-clinpminstall--globalvue-cli//安装完成后输入`vue-V`会出现对应的版本3.使用vue-cli根据webpack模板新建项目1、创建：cmd使用cd/dE:\2021-5-4命令进入项目所在文件夹，然后输入命令：vueinitwebpack输入命令后，选项说明：1.?Projectnametodo_list：项目名称，直接回车，跟在括号里的默认名称（注意这里的名称不能有大写字母，如果出错，Sorry,namecannotlongercontaincapitalletters）2.?项目描述一个Vue.js项目：项目描述，也可以直接回车使用Defaultname3.?作者galengalen@git.xgqq.com：作者，请输入姓名4.?Vue独立构建：5。？安装vue路由器？Yes：是否安装vue-router，这个是官方路由，大部分情况下都会用到，这里输入“y”回车即可。6.?使用ESLint来检查你的代码？是：是否使用ESLint来管理代码。ESLint是一个代码风格管理工具，用于统一代码风格，一般项目都会用到。7.?PickanESLintpresetStandard:接下来是一道选择题PickanESLintpreset(Usearrowkeys)选择一个ESLintpreset，写vue项目时的代码风格，直接按y进入8.?SetupunittestsYes：是否安装单元测试，我选择安装y输入9。选择一个测试运行器jest10。？使用Nightwatch设置端到端测试？Yes：是否安装e2e测试，我选择安装y输入11。我们应该在项目创建后为您运行npminstall吗？(推荐)npm:2.安装项目需要的依赖：进入新建的项目文件夹，里面有一些文件，输入命令：cnpminstall//目录下的`node_modules`文件，把所有依赖模块。4.解释每个文件夹build//构建step目录，保存一些webpack初始化配置config//构建配置目录，项目初始化配置，包括端口号等node_modules//npm加载的项目依赖的模块src//源代码目录，这里就是我们要开发的目录，基本上所有要做的都在这个目录下assets//resource目录，用来放图片，比如logo等components//component目录，用来放componentfilesrouter//app.vue//是项目入口文件main.js//是项目的核心文件static//文件夹用来存放静态资源目录，比如图片、字体等test//初始测试目录，可以删除.babelrcbabel//编译参数，vue开发需要babel编译。您可以添加一些元信息或统计代码。package.json//是项目的配置文件，里面记录了一些命令和依赖，以及简要的项目描述信息README.md//项目描述文档，markdown格式，自我介绍这个项目5.启动项目npmrundev如果你浏览浏览器打开后，页面没有加载。可能是本地8080端口被占用了。需要修改配置文件config中的index.js
