VSCode入门

  1. 新建VSCode项目

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

VSCode入门

 

 

 

 

VSCode入门

 

 

 VSCode入门

 

 

 VSCode入门

 

 

 VSCode入门

 

 

 VSCode入门

 

 

 VSCode入门

 

 

      2. 认识VSCode

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

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

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

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

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

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

VSCode入门

 

 

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

VSCode入门

 

 

 

VSCode入门

上一篇:pycharm环境和路径配置和实用拓展功能


下一篇:k8s集群部署及部署容器化应用