创建vue项目中遇到的问题整合

易错点提示：请进入管理员模式命令行

预期准备

cnpm安装

// 第一次安装cnpm 直接使用最新域名即可
$ npm install -g cnpm --registry=https://registry.npmmirror.com

randomUUID is not a function 解决

TypeError: randomUUID is not a function
at formatInstallOptions (D:\environments\nodejs14\node_global\node_modules\cnpm\node_modules\npminstall\lib\format_install_options.js:127:33)
at module.exports (D:\environments\nodejs14\node_global\node_modules\cnpm\node_modules\npminstall\lib\global_install.js:46:28)
at async D:\environments\nodejs14\node_global\node_modules\cnpm\node_modules\npminstall\bin\install.js:330:5

当前node 版本是14.15.4，安装7.1.1版本cnpm可解决该问题

npm install -g cnpm@7.1.1 --registry=https://registry.npmmirror.com

有博客说可能是vue-cli版本不够高，这种情况下安装最新版即可
可以使用下列命令安装最新的包：

cnpm install -g @vue/cli

尝试初始化项目

vue init webpack myvue

初始化时发现未安装vue/cli-init 根据提示安装即可，命令如下

npm install -g @vue/cli-init

vue-cli · Failed to download repo vuejs-templates/webpack: read ECONNRESET

再次尝试初始化

出现了新问题，尝试重装webpack

npm uninstall -g webapck
cnpm install --save-dev webpack

没有解决问题

查找大量博客后，发现问题在于：仓库总是安装在d盘，而不是c盘，全局命令下使用webpack命令构建项目默认会去c盘搜索.vue-template文件夹，而该文件夹实际并没有存在，最后采用了离线初始化的办法，下载离线的模板文件webpack文件夹放在c盘目录下的.vue-template文件夹中

具体解决方案：

直接下载离线的模板文件zip: mirrors / vuejs-templates / webpack

然后将该模板文件解压，将里面的 webpack-develop 文件夹重命名为 webpack

在 C:\User<你的电脑账户名的文件夹>\下创建.vue-templates 文件夹

将解压后的 webpack 文件夹放到.vue-templates 文件夹下

在你要初始化 vue 项目的根目录下运行命令vue init webpack myvue --offline, 然后vue 脚手架将会根据C:\User\电脑账户名文件夹.vue-templates中的离线的模板文件 webpack 创建项目配置，并下载依赖

通过以下命令离线初始化

vue init webpack myvue --offline

问题解决！

cd vue
npm install

项目创建完成
运行项目

npm run dev 

运行成功

此处易错点提示：请进入管理员模式命令行