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在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_38662733/article/details/122896108
今日推荐