搭建 Vue 脚手架、项目运行时的问题

我的搭建Vue脚手架之路：

通过 vue init 指令可以见到提供离线模式搭建脚手架 --offline，需要提前下载webpack脚手架模板才能离线搭建（webpack包源处：https://github.com/vuejs-templates/webpack）

 

下载完了后解压到桌面，终端进入 .vue-templates 文件夹，没有该文件夹就手动创建一个（然后手动把解压的webpack文件夹放到该文件夹下，并重命名 解压的webpack 文件夹为 webpack），之后到终端键入vue init webpack --offline ebook-demo 搭建项目脚手架，当

出现如下字样就表示下载成功。

 

搭建脚手架时遇到的问题

但我的搭建之路会有不顺，在终端执行 vue init webpack --offline my-App 进行离线模式下搭建项目脚手架时，出现“Command vue init requires a global addon to be installed. Please run undefined @vue/cli-init and try again.” 此时执行 undefiend @vue/cli-init 是无效的，显示 undefiend 是未知指令(unknow command)。

正确解决是执行 npm install -g @vue/cli-init 下载@vue/cli-init 包，后再用上述指令搭建项目脚手架。

不用管 WARN， 图中这样是成功下载了的。

 

另外，npm run serve 运行时还遇到问题

我在vscode 用 npm run serve 运行 vue项目时，出现“Missing script: "serve"” ，此时有三种办法：

①检查package.json 里面的 scripts 中是start、dev、serve 中的哪一个，如图是 npm run dev 和 npm run start 都可以。

②在终端中路径要正确！

③最后一种办法是删除项目中的no_modules 依赖包文件夹，在重新 npm i 下载全部依赖。