npm create vite@latest // or yarn create vite // 输入项目名称 ✔ Project name: my-vue-app // 选择框架,选择vue ✔ Select a framework: vue // 选择ts 或 js 或 Customize with create-vue // 选择js的则接着第三部分配置依赖 ✔ Select a variant: JavaScript // 也可以选择 Customize wit...
√Projectname:...vite43.01√Selectaframework:»Vue√Selectavariant:»Customizewithcreate-vue↗ 如果选择第三个(自定义),那么会调用create-vue继续后续步骤,问你一系列问题,我们根据需要选择即可: √AddTypeScript?...No/Yes√AddJSXSupport?...No/Yes√AddVueRouterforSinglePageApplicationdevelopment?...No/...
$ yarn create vite 使用PNPM: $ pnpm create vite 然后直接进入项目初始化的选择,自定义一些选项可以选择 Customize with create-vue 或者直接附加命令行选项,省去选择操作,直接生成默认最小项目: pnpm create vite my-app --template vue-ts 运行项目 pnpm install pnpm format // perttier 格式化 pnpm dev 初...
一、vue create '项目名称' 首先安装vue-cli 命令行 npm i -g @vue/cli 1. 接着 vue create '项目名称' 上面是提醒我该更新Vue/cli的版本了,不过问题不大 第一行和第二行是自动创建Vue2或Vue3,不过功能较少 2. 我们选第三行,手动创建,选择更多功能,按键盘↑或↓来选择 3. 此时让你手动选择需要安装...
-- Vite以index.html作为入口,不再使用main.js作为入口了 --><!-- 对于vite构建工具来说,配置文件时vite.config.js --><!-- 这个vite.config.js类似于webpack打包的vue.config.js --> 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. <template...
vue-cli 用于创建 vue2 的项目; @vue/cli 用于创建 vue3 的项目,当然也支持 vue2。 使用起来还是比较繁琐的,首先要安装脚手架,然后使用vue create hello-world创建项目,具体的就不介绍了。 create-vue 官网:https://staging-cn.vuejs.org/guide/quick-start.html#with-build-tools ...
vue-cli 用于创建 vue2 的项目; @vue/cli 用于创建 vue3 的项目,当然也支持 vue2。 使用起来还是比较繁琐的,首先要安装脚手架,然后使用vue create hello-world创建项目,具体的就不介绍了。 create-vue 官网:https://staging-cn.vuejs.org/guide/quick-start.html#with-build-tools ...
2. create-vue 源码解析 首先看目录结构: index.js 是整个 CLI 的打包入口,所有逻辑都是从这里开始的 utils 包含了用到的一些工具函数 template Vue 项目模板,例如默认的 default 模板、带 router 的模板、带 ts 支持的模板等等。
npm create vue@latest Note (@latestor@legacy) MUST NOT be omitted, otherwisenpmmay resolve to a cached and outdated version of the package. Or, if you need to support IE11, you can create a Vue 2 project with: npm create vue@legacy ...
1全局安装create-vite-app Plain Text 复制代码 9 1 yarn global add create-vite-app@1.18.0 2创建项目 三 安装并使用vue-router 1安装 2在main.js中添加如下代码 3如果使用ts,此时会提示如下报错(js可跳过此步骤) ts不认识vue文件, 解决方法:在src目录下新建一个shims-vue.d.ts,告...