1、初始化项目 （1）、打开命令行终端，执行命令：npm -v。npm为6.x版本 终端执行：npm init vite 项目目录名 --template vanilla npm为7.x版本 终端执行：npm init vite 项目目录名 -- --template vanilla 注意：当前使用vite版本为2.x如果npm命令不存在，请先安装node，下载安装地址：http://nodejs.cn/...
vue create 项目名 ``` 请将"项目名"替换为您想要的项目名称。 4. 等待命令行执行完成,然后选择适合您的项目配置选项,如:Manually select features(手动选择特性)或默认配置。 5. 完成配置后,继续按照终端中显示的指示操作。 6. 当项目创建完成后,使用以下命令进入项目文件夹: ``` cd 项目名 ``` 7. 运行...
3、我没有用ts,这我依旧选的vue,之后可以根据个人爱好选择使用ts 创建成功后,你的文件夹中就有这个项目了 4、cd yourprojectname进入项目根目录 5、初始化项目npm install 6、打开VSCode(当然其他的软件也可以),点击文件,点击打开文件夹,选择刚刚建立的项目文件夹 7、此时项目文件内容为下图 8、使用npm run dev...
搭建Vite + Vue项目 # npm 6.xnpm init vite@latest my-vue-app --template vue# npm 7+, 需要额外的双横线:npm init vite@latest my-vue-app -- --template vue# yarnyarn create vite my-vue-app --template vue# pnpmpnpm create vite my-vue-app -- --template vue 然后按照提示操作即可! Vi...
运行完成之后会让你依次输入项目名称,选择使用那种框架,选择是用js或者ts环境,目前vue3完全支持ts。完成项目初始化之后就可以cd到项目中运行以下代码启动项目。 npm install npm run dev 3,安装vue-router npm install vue-router@4 vue3对应的vue-router和vuex都是4.0的版本,所以在安装这两个包的时候需要指定一下...
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :) 免费加入 已有帐号?立即登录 develop 克隆/下载 git config --global user.name userName git config --global user.email userEmail 分支7 标签3 李良贤feat: commitlint init86319962年前 ...
第一步: 在需要创建项目文件目录下打开 cmd 运行以下命令 # npm 6.x npm init @vitejs/app vite_vue3_ts --template # npm 7+, 需要额外的双横线: npm init @vitejs/app vite_vue3_ts -- --template # yarn yarn create @vitejs/app vite_vue3_ts --template 这里我采用 yarn 来安装 第二步...
项目构建(Ts版) npm 6.x npm init @vitejs/app vue-admin-pro --template vue-ts npm 7+, 需要额外的双横线: npm init @vitejs/app vue-admin-pro -- --template vue-ts yarn yarn create @vitejs/app vue-admin-pro --template vue-ts ...
安装依赖 src下创建目录router,router目录下创建文件index.ts,文件内容如下 可以通过扩展 RouteMeta 接口来输入 meta 字段: main.j...
yarnglobaladdcreate-vite-app 或者 npm i -g create-vite-app 新建项目命令 cva<project-name> 或者 npm init vite-app<project-name>create-vite-app<project-name> 这样就把Vue3搭建好了 ©著作权归作者所有,转载或内容合作请联系作者 Vue 3 学习笔记 ...