【Vue前端开发学习】第1章,Pycharm创建Vue项目 您所在的位置:网站首页 pycharm建立文件 【Vue前端开发学习】第1章,Pycharm创建Vue项目

【Vue前端开发学习】第1章,Pycharm创建Vue项目

2024-07-17 13:42| 来源: 网络整理| 查看: 265

文章目录 前言一、Vue.js的三种安装方式二、Pycharm安装Vue插件三、Pycharm创建Vue项目

前言

  Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

   Vue官网:渐进式JavaScript框架

一、Vue.js的三种安装方式

  参考链接: 《vue.js 三种方式安装(vue-cli)》

二、Pycharm安装Vue插件

安装Pycharm专业版 参考链接: 《Pycharm 2020.3.3专业版安装教程》

安装Vue插件,打开Pycharm,File -> Settings… -> Plugins ,搜索Vue并点击安装,安装后重启Pycharm 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述

设置JavaScript,支持Vue语法,File -> Settings… -> Languages & Frameworks -> JavaScript 在这里插入图片描述

三、Pycharm创建Vue项目

File -> New Project… -> Vue.js ,填写Vue项目创建位置和名称 在这里插入图片描述

提示:项目名称不能有大写字母,否则会提示“name can no longer contain capital letters”导致无法创建 在这里插入图片描述

Vue项目创建成功 ,点击npm serve启动工程在这里插入图片描述 在这里插入图片描述



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

      专题文章
        CopyRight 2018-2019 实验室设备网 版权所有