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