起初我想通过create-vite-app创建一个vite的vue项目,一开始使用全局安装create-vite-app的方法: npm install -g create-vite-app 全局安装完之后,我们还需要调指令生成项目: create-vite-app viteApp或者cva viteApp 然后我发现create-vite-app在npm官网中安装方法是这样的: npm init vite-app <project-name> 通...
npm install -g create-vite-app 全局安装完之后,我们还需要调指令生成项目: create-vite-app viteApp或者cva viteApp 然后我发现create-vite-app在npm官网中安装方法是这样的: npm init vite-app <project-name> 通过这种方法安装,我感觉跟使用npx是一样的效果,都是避免了全局安装,安装完之后直接执行创建项目,...
npx create-electron-app my-new-app // 等价于 npm init electron-app my-new-app npx npx 用来运行本地或远程npm包的一个命令。比如前面提到的npx @vitejs/create-app。 如果npx 请求的包(比如@vitejs/create-app)没有出现在本地项目的依赖中,npm 就会把@vitejs/create-app安装到全局的 npm cache 目录...
首先,在终端中运行npm init @vitejs/app my-vue-app —template vue,这将创建一个名为my-vue-app的Vue.js项目。然后,我们可以进入项目目录并运行npm install来安装项目依赖。最后,通过运行npm run dev来启动项目,我们就可以在浏览器中看到Vue.js应用的运行结果了。 总之,npm init @vitejs/app是npm CLI与Vit...
比如npm init @vitejs/app,只知道官网说它是用来创建应用的,但很少会去想到其背后是调用了npx @vitejs/create-app,其实就是在执行一个create-app脚本。 这也就是说,如果你想让别人通过npm init xxx命令调用你的包,就必须提供一个create-xxx脚本。
npm init vite-app <project name> 创建的是Vite 1.0 npm init @vitejs/app 创建的是Vite 2.0
Install npm install vite-app-pro -g Usage create single project vite-app-pro create helloWorld create spa projects vite-app-pro create-spa helloWorld Modules vue3/vue2 typescript vue-router pinia jsx csr/ssg/ssr mode pwa scss/less/stylus ...
如果npx 请求的包(比如@vitejs/create-app)没有出现在本地项目的依赖中,npm 就会把@vitejs/create-app安装到全局的 npm cache 目录下。 接着会执行create-app脚本,而这个脚本需要定义在package.json的bin配置项下。 npm init xxx和npx create-xxx也是一般CLI工具的常用套路。
但请注意,这可能会导致运行时错误,因为某些插件可能无法与你的vite版本一起工作。 npm install @vitejs/plugin-legacy --legacy-peer-deps 我建议首先尝试升级vite版本,因为这将更有可能解决你的问题,而不会引入新的潜在问题。如果升级vite版本后问题仍然存在,那么你可以考虑使用--legacy-peer-deps标志。 查看更多...
比如npm init @vitejs/app,只知道官网说它是用来创建应用的,但很少会去想到其背后是调用了npx @vitejs/create-app,其实就是在执行一个create-app脚本。 这也就是说,如果你想让别人通过npm init xxx命令调用你的包,就必须提供一个create-xxx脚本。