在设置中选择plugin插件， 选择 Browse repositories， 左上角搜索Vue 在设置中， 将 *vue 添加进入Vuejs Template 中 若提示冲突， 点击移除原来的即可 在设置中搜索JavaScript， 将JS版本选择为ECMAScript 6 在设置中。

vuecli可以帮我们自动搭建项目，首先npm全局安装 npm install g vuecli 然后创建一个新的项目 vue init webpack myproject 一路回车，搞定更多配置项请参考上面给出的vuecli链接这里从网上下载了一个带webpack。

12vue项目打包 终端运行命令 npm run build 打包成功的标志与项目的改变，如下图点击indexhtml，通过浏览器运行，出现以下报错，如图那么应该如何修改呢具体步骤如下1查看packagejs文件的scripts命令 2打开webpack13自定义。

Vue项目创建完成后，使用WebStorm打开项目，项目目录如下build文件夹，用来存放项目构建脚本 config中存放项目的一些基本配置信息，最常用的就是端口转发 node_modules这个目录存放的是项目的所有依赖，即npminstall命令下载下来的。

点击Preferences LanguagesFrameworks Nodejs and npm，勾选coding assistance for Nodejs，点击ok保存。

1AltF7打开设置页面2点击右边的“”号添加LiveTemplate设置关键字和代码，选择下面的定义，选择JavaScript，点击确定新手如何制作简单的h5页面新手可以尝试用意派Epub360制作一些简单的H5作品，这是一款专业的H5制作工具。

运行vue项目npm install或cnpm install 将Vue build后生成的dist文件夹下的所有文件复制到express项目的publick文件夹下面，然后运行npm start来启动express项目从云上拉取的vue项目一般会缺少node_modules，需要先安装node_。

运行vue查看安装是否成功 4运行vue init webpack注模板名称 sell2注项目名称5进入项目文件夹下执行 cnpm install 来安装下载到模板中的packagejson中的依赖，安装完成后会在项目文件夹下自动生成nodemodule。

webstorm打开项目，禁止检索node_ module文件夹，然后在删除该文件夹，重新安装即可7运行项目执行 npm run dev 注此时不能用cnpm来运行，必须是npm8将需要的资源放进项目 9我们需要用到路由功能 所以需要安装。

介绍开发vuejs单页面前端应用时，如何使用webpack来打包本文同时也是之前react系列文章的延续作为一个完整的Demo，系列文章中的完整项目，会实现一个文件上传和管理的单页面Web应用1 安装依赖包项目中使用了vuejs，web。

可以tomcat是一个用JAVA开发的Web容器，它可以支持JSP等动态网页的解析，当然也支持html等静态网页文件VUE是一种前端开发技术，其实现基础是javascript，本身来说，它可以脱离tomcat单独在浏览器上运行，当然也可以在tomcat。

Tomcat是一个常用的JavaWeb应用服务器，而Vue是一个基于JavaScript的前端框架当Tomcat环境改变时，会影响Vue项目的运行需要通过修改Vue项目的配置文件，如修改代理地址端口号等来适配新的Tomcat环境另外，还需要确保在新。

不能包含大写字母重新选择路径创建此处留个坑vue注册组件时，大写的组件名是支持的，只是使用时需要将大写改小写并加中划线。

webserver root url则是用来运行该站点的地址4配置MappingsLocal Path是要部署的项目文件夹地址Deployment Path是一个相对路径，是与3中uploaddownload project files的地址的相对路径5可以通过配置。

点击OK 返回，在项目中新建会出现vue文件 webstorm配置新建vue文件完成相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章推荐阅读如何使用vuejs做出编辑菜谱功能怎样使用React 服务器端渲染。