vue创建项目:插件选择与导入Idea

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

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

vue create fileproject01
vue创建项目:插件选择与导入Idea_第1张图片

2. 脚手架插件选择

  1. 选择第三项:手动选项(manually select features:手动选择特征)
    vue创建项目:插件选择与导入Idea_第2张图片

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

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

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

  1. 插件选项选择
    vue创建项目:插件选择与导入Idea_第4张图片

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

  1. 脚手架搭建(回车之后大概需要等待1分多钟)
    安装中
    vue创建项目:插件选择与导入Idea_第5张图片
    安装完成
    vue创建项目:插件选择与导入Idea_第6张图片

3. 手动进入项目并运行

cd fileproject01
npm run serve

运行结果
vue创建项目:插件选择与导入Idea_第7张图片

4. 导入Idea

  1. idea打开项目然后获取vue.js插件即可:file-settings-plugins-vue.js-install
    vue创建项目:插件选择与导入Idea_第8张图片
  2. 设置运行快捷方式
    add configrationvue创建项目:插件选择与导入Idea_第9张图片

你可能感兴趣的:(vue.js,前端,javascript)