pnpm install vue-router@4 在src下创建一个 routes 文件夹,再创建一个 routes.ts 文件 // 对外暴漏配置路由,常量路由 export const constantRoute = [ { path: '/home', component: () => import('@/views/home/index.vue'), name: '首页', meta: { title: '首页', hidden: false, icon: 'Hom...
const env= loadEnv(mode, process.cwd(), '');return{//自定义公共基础路径(取自 .env(.*) 文件)base: env.VITE_BASE_PATH,//定义全局常量替换方式define: {//取消启用Vue.2x中选项式api(这部分不会被打包)'__VUE_OPTIONS_API__':false, },//配置vite插件plugins: [ vue(), vueJSX(),//自动...
不过,目前我们可以直接使用以下命令通过Vite创建一个Vue+TS的项目: bash pnpm create vite@latest 在提示符中选择vue-ts作为模板。这将创建一个包含Vue3和TypeScript支持的Vite项目。 3. 在项目中集成Vite构建工具 实际上,在上一步中,我们已经通过Vite模板创建了项目,所以Vite构建工具已经集成好了。你可以在项目...
2、install 3、新建packages目录,把src目录、vite.config.js和index.html移到packages文件夹下改名main,然后在packages下创建api目录, 4、在main、api目录下分别pnpm init -f生成package.json name分别为:@momovue/main、@momovue/api 如果想添加公共框架包直接在根目录执行pnpm install module_name 4、api项目单独...
一、vite安装 npm 二、pnpm 构建motorepo 1、添加pnpm-workspace.yaml文件,内容如下: 2、install 3、新建packages目录 4、在main、api目录下分别pnpm init -f生成package.json 5、api项目单独添加框架,并且添加index.ts测试文件 6、main安装api依赖 7、测试调用api的方法 ...
pnpm create vite@latest 输入项目名称 Project name: » test_project 选择vue 选择ts 二、安装axios 安装axios命令 pnpm add axios -S src下创建utils文件夹=>request.ts import axios from "axios"; const request = axios.create({ baseURL:`http://rap2api.taobao.org/app/mock/274612/` ...
一:新建vue3项目 运行如下命令: pnpm create vite 模板选择vue、vue-ts 二:配置依赖包 修改项目根目录的package.json的scripts和devDependencies如下 "scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build","preview":"vite preview","lint:eslint":"eslint --fix --ext .js,.ts,.vue,...
1、全局安装 vue-cli $ npm install --global vue-cli 1. 2、创建一个基于 webpack 模板的新项目 $ vue init webpack my-project 1. 3、安装依赖,走你 $ cd my-project $ npm install $ npm run dev 1. 2. 3. 如果npm安装慢的话 可以使用淘宝镜像 ...
pnpm新建vite+vue3项目 以及pnpm和npm的区别 构建前需要安装以下配置 Node环境npm环境 安装pnpm npm install -g pnpm 设置镜像源 pnpm config set registry https://registry.npm.taobao.org/# 检查pnpm config get registry 配置pnpm环境 在终端运行pnpm create vite (项目名称) ...
[vite]使用pnpm创建vite+vue3项目 npm install -g pnpm pnpm create vite@latest 输入项目名 framework选vue variant选Customize with create-vue 根据需要选择配置 照黄字cd进刚创建的项目目录 install & dev tips: 需要手动在tsconfig.json跟tsconfig.config.json的compilerOptions里加入 "module": "esnext"...