我的搭建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 下载全部依赖。

posted on 2022-04-02 13:03  叫你一声你敢应吗  阅读(161)  评论(0编辑  收藏  举报