首页 > 其他 > 详细

VSCode入门

时间:2021-09-09 08:03:45      阅读:38      评论:0      收藏:0      [点我收藏+]
  1. 新建VSCode项目

    1.1 Win+R键打开运行窗口,默认输入cmd 在输入框输入 vue ui 打开一个浏览器窗口 左下角点击更多=>Vue项目管理器=>输入新项目位置路径=>输入新项目名称=>取消勾选git仓库=>选择默认=>创建新项目=>插件=>添加vue-router

技术分享图片

 

 

 

 

技术分享图片

 

 

 技术分享图片

 

 

 技术分享图片

 

 

 技术分享图片

 

 

 技术分享图片

 

 

 技术分享图片

 

 

      2. 认识VSCode

           当前阶段我们只需要操作src文件夹的内容,

           首先此文件夹下assets的文件夹是一个资源文件夹,用于存放我们需要的静态资源

            components文件夹是一个组件文件夹,也就是一个个的小模块,组件的命名方式是大驼峰法.

            router文件夹是一个路由,也就是要用这个来配置路由规则

           views文件夹,相当于MVC中的试图文件夹,用于存放视图,其中App.vue是我们的主页面,所有页面要先从这个页面开始运行

        3.运行项目:终端输入 nmp run serve

技术分享图片

 

 

       4.配置路由 可以复制前面的路由配置代码然后修改path,name,component:()+>import()中的内容

技术分享图片

 

 

 

VSCode入门

原文:https://www.cnblogs.com/BaoLiAGou/p/15240067.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!