科技画4k纸科幻画一等奖,广西网站建设产品优化,网站策划 要求,爱战网关键词挖掘使用pycharm创建vue项目时#xff0c;选择vite来创建vue。为什么使用vite#xff1f;因为vite是专门针对vue开发的打包框架#xff0c;以前使用vue-cli来创建vue项目#xff0c;就是使用的webpack来进行打包的#xff0c;现在有了vite#xff0c;就尽量使用vite来创建vue…使用pycharm创建vue项目时选择vite来创建vue。为什么使用vite因为vite是专门针对vue开发的打包框架以前使用vue-cli来创建vue项目就是使用的webpack来进行打包的现在有了vite就尽量使用vite来创建vue项目。 在pycharm中新建项目选择vite再在右边模板里选择vue这样就是使用最新的vite版本来创建vue项目了。
默认的启动配置自动填上了运行命令。 点击启动项目就开始运行了。
vue官网上有简易的路由代码。先在components文件夹下生成两个简单的组件。 script setup/scripttemplate
h1aaaaaa/h1
/templatestyle scoped/style 然后修改App.vue里面的代码为
script setup
import {ref, computed} from vue
import HelloWorld from ./components/HelloWorld.vue
import A from ./components/a.vue
import B from ./components/b.vueconst routes {/: A,/about: B
}
const currentPath ref(window.location.hash)
window.addEventListener(hashchange, () {currentPath.value window.location.hash
})
const currentView computed(() {return routes[currentPath.value.slice(1) || /] || HelloWorld
})
/scripttemplatediva hrefhttps://vitejs.dev target_blankimg src/vite.svg classlogo altVite logo//aa hrefhttps://vuejs.org/ target_blankimg src./assets/vue.svg classlogo vue altVue logo//a/diva href#/Home/a |a href#/aboutAbout/a |a href#/HelloWorldHelloWorld/acomponent :iscurrentView//templatestyle scoped
.logo {height: 6em;padding: 1.5em;will-change: filter;transition: filter 300ms;
}.logo:hover {filter: drop-shadow(0 0 2em #646cffaa);
}.logo.vue:hover {filter: drop-shadow(0 0 2em #42b883aa);
}
/style这样不适用路由插件就实现了路由功能。 还有关于ts的使用有教程里的老师说90%以上的项目根本用不上ts的功能还增加了复杂程度。要使用ts首先是要用在大项目上大厂里的大项目才算大项目。其次立志于进大厂学习研究之用学学ts可以。其他的非大厂的也不会进大厂的ts与你无关……这话虽然诛心但就是事实啊。没有必要为了用不到的功能项目为自己增加至少20%以上的无用功啊。ts至少让项目增加20%的无用功既是ts增加的无效时间对项目没有啥用的修修补补规则上的。
