IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> vue创建项目:插件选择与导入Idea -> 正文阅读

[JavaScript知识库]vue创建项目:插件选择与导入Idea

转到项目将要存放的文件夹(注意用管理员运行cmd,如果使用powershell则需要设置安全策略)

1. 创建项目,项目名为fileproject01

vue create fileproject01
在这里插入图片描述

2. 脚手架插件选择

  1. 选择第三项:手动选项(manually select features:手动选择特征)
    在这里插入图片描述

选项选择:用箭头进行选择
>默认vue2的模板,包含babel插件 和 eslint插件
>默认vue3的模板,包含babel插件和eslint插件
>手动选项

  1. 手动选项中选则:babel(ES6转ES5工具)、router(路由)、Vuex。其它的插件先不进行安装,之后用到的时候再手动安装即可。(按空格键进行选择或者取消选择,选择完成后回车即可)
    在这里插入图片描述

? 请进行选择:手动选项
? 检查项目所需的功能:(按 <space> 选择,<a> 切换所有,<i> 反转选择)
( ) 选择vue版本
( * ) 语法高低版本转换器插件(将高版本语法转为低版本语法)
( ) 样式插件
( ) 将程序打包成小程序的插件
( * ) 路由插件
( * ) Vuex
( ) CSS样式预处理插件
( ) 代码格式化插件
( ) 单元测试
( ) 端到端测试

  1. 插件选项选择
    在这里插入图片描述

下一步选择vue版本,这里选择vue2.x
下一步选择是否在路由中使用历史模式(需要为生产中的索引回退正确设置服务器)(是/否): 否(n)
配置信息的存储位置,这里选择 package.json
是否将当前项目作为模板用于以后的项目创建:否(n)

  1. 脚手架搭建(回车之后大概需要等待1分多钟)
    安装中
    在这里插入图片描述
    安装完成
    在这里插入图片描述

3. 手动进入项目并运行

cd fileproject01
npm run serve

运行结果
在这里插入图片描述

4. 导入Idea

  1. idea打开项目然后获取vue.js插件即可:file-settings-plugins-vue.js-install
    在这里插入图片描述
  2. 设置运行快捷方式
    add configration在这里插入图片描述
  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-05-06 10:58:49  更:2022-05-06 10:59:26 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/23 23:13:59-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码