个人网站备案名字重要吗,郑州官方网站建设首选华苏科技,wordpress 文章待审核,做网站还有前景吗1、第一步创建项目cnpm init vite4 2、设置vue3.2局域网可访问配置#xff1a; 找到项目路径下的package.json目录下找到script对象下面添加一下代码#xff1a; serve: vite --host 0.0.0.0 启动项目命令不在是dev而是#xff1a;cnpm run serve 3… 1、第一步创建项目cnpm init vite4 2、设置vue3.2局域网可访问配置 找到项目路径下的package.json目录下找到script对象下面添加一下代码 serve: vite --host 0.0.0.0 启动项目命令不在是dev而是cnpm run serve 3、第二部在vite.config.ts中添加以下代码配置 import { resolve } from path; export default defineConfig({ server:{ open:true, port:8088 }, resolve:{ alias:{ :path.resolve(__dirname,src) } }, plugins:[vue()], }) 4、安装vant配置与使用 cnpm i vantnext -S 安装完成开始配置 5、 安装路由 cnpm install vue-routerlatest 配置:在src目录下新建router目录创建index.ts文件代码如下: import { createRouter, createWebHistory } from vue-router
const router createRouter({
history: createWebHistory(import.meta.env.BASE_URL),
routes: [{path:/,name:,component:Layout,}
]
})
export default router 注册路由组件在main.ts文件中注册 import router from ./router app.use(router) 6、按需导入 cnpm install element-plus --save cnpm install element-plus/icons-vue cnpm install -D unplugin-vue-components cnpm install -D unplugin-auto-import 在vite.config.ts中修改一下代码 import { defineConfig } from vite
import AutoImport from unplugin-auto-import/vite
import Components from unplugin-vue-components/vite
import { ElementPlusResolver } from unplugin-vue-components/resolvers
export default defineConfig({plugins: [vue(),// ...AutoImport({resolvers: [ElementPlusResolver()],}),Components({resolvers: [ElementPlusResolver()],}),],
}) element-plus图标导入 script langts setupimport {Check,Delete,Edit,Message,Search,Star,} from element-plus/icons-vue
/script 7、安装其他必备插件 cnpm i axios -S 直接安装即可使用 cnpm i less -D cnpm i sass sass-loader -D
