老师使用vue3.0创建项目报错了,就选择的2.0的项目。使用的vue版本还是5.0的。
找到vue项目目录,打开cmd,输入vue ui。(注意:不能关闭命令行)-> 输入命令为“vue-ui”-> 选择“手动配置”(如下图)->打开“通天塔”、路由器、vuex 、关闭“格式化程序”(如下图)。
->->点击“下一步”->在 右上角选择“2.0” ->点击“创建项目”->选择“不保存预设”。->项目创建成功后,点击“插件”,安装插件Element UI。->用 IDEA打开这个VUE项目。->先修改App.vue ->再修改 HelloWorld.vue ->运行项目:npm run serve ->停止项目:ctrl+c ->在Terminal 中安装ajax的插件:vue add axios ->项目创建完成!
添加vue页面:
1、第一步:创建新页面。(在views文件夹下创建TestView.vue ->
2、第二步:定义组件。(在component文件夹下创建Test.vue组件) ->
3、第三步:导入TestView组件。(在router>index.js中) ->第四步:配置 TestView 路由(router>index.js中)。->
4、第四步:配置完成后还需要在 App.vue 中增加链接到 Test.vue 的路由。->
5、第五步:挂载到App.vue中script中。(在script中需要修改两个地方)