1、安装打包样式依赖 PS:fz-mini-ui\packages\theme-chalk>pnpm i @esbuild-kit/cjs-loader @types/gulp-autoprefixer @fz-mini/build @types/gulp-rename @types/gulp-sass cssnano gulp-autoprefixer gulp-rename gulp-sass postcss -D 2、初始化 Icon 组件样式文件 1)、初始化theme-chalk/src/base.scss ...
这里需要注意的是 在创建项目前 先确认是否安装nodejs 使用vue - cli或vite来创建一个新的 Vue 3 项目。 以vite为例,运行以下命令: npm init vite@latest 项目名称 -- --template vue 然后进入项目目录并安装依赖: cd my - element - plus - project npm install//项目初始化 2.安装 Element Plus 在项目...
图标如果没有去做全局注册的话,要去导入一下,引入一下才能使用这个图标,也就是局部导入,这样在后面使用图标的时候直接使用就行了,就不需要再去导入了。 下面就是整个element的初始化就完成了。 import { createApp } from 'vue' import App from './App.vue' //导入elementplus import ElementPlus, { ElIco...
1. 安装Node.js Node.js安装包下载地址 安装步骤 查看安装版本 2. 切换为淘宝下载源 3. 安装/更新编译环境 4. 全局安装vue-cli 查看vue-cli安装版本 5. 全局安装webpack 6. 初始化项目 选择安装方式 选择需要的配置内容 vue版本 是否使用class风格的组件语法 是否使用Babel与TypeScript一起用于自动检测的填充 ...
初始化项目 在主入口文件中,导入 ElementPlus 并使用: import{createApp}from'vue';importAppfrom'./App.vue';importElementPlusfrom'element-plus';import'element-plus/dist/index.css';constapp=createApp(App);app.use(ElementPlus);app.mount('#app'); ...
一、初始化安装 1、安装vue/cli # 先安装cnpm:npm install -g cnpm --registry=https://registry.npm.taobao.org cnpm install -g @vue/cli # 版本验证 vue -V 或 vue --version// 使用vue3时,@vue/cli版本必须高于4.5.0 # 安装yarn cnpm install -g yarn ...
根据Electron Forge 的文档,可以在要创建项目的路径下,控制台执行以下两条命令之一。命令在执行的过程中会在当前路径下新建一个文件夹,并在其中初始化项目。 yarn yarn create electron-app my-vue-app --template=vite npm npm init electron-app@latest my-vue-app -- --template=vite ...
首先我们使用vite来初始化项目,vite支持使用npm、yarn和pnpm来初始化项目,本文采用yarn的方式。 代码语言:javascript 复制 // 使用npmnpm create vite@latest// 使用yarnyarn create vite// 使用pnpmpnpm create vite 输入命令之后会提示我们输入项目名,如果我们已经建好项目,并且是在项目根目录执行的命令的话,只需输...
1、下载 npm install path--save2、配置// vite.config.jsimportpathfrom'path';constsrcPath=path.resolve(__dirname,'src');// 配置@目录exportdefaultdefineConfig({resolve:{alias:[{find:'@',replacement:srcPath},],},}) 安装配置axios 1、下载 npm install axios-S2、初始化// utils/request.jsimpo...