本篇文章给大家谈谈webstorm怎么创建vue项目，以及webstorm创建web项目对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、1、webstorm创建vue项目，报错 name can no longer contain capital letters
• 2、webstorm如何创建旧版vue
• 3、webpack 创建一个VUE项目
• 4、创建Vue客户端项目步骤
• 5、Python Flask + Vue web项目
• 6、让 WebStorm / PHPStorm 支持 Vue

1、webstorm创建vue项目，报错 name can no longer contain capital letters

不能包含大写字母！！！

重新选择路径创建；

此处留个坑：vue注册组件时，大写的组件名是支持的，只是使用时需要将大写改小写并加中划线-；

webstorm如何创建旧版vue

用webstorm2018就行。

点击new，新建创建点击下一步，只有ESLint选为No在新的窗口，npm run dev ，能正常启动的话，项目就OK了！如果报错，比如：少各种东西Cannot find module 'extract-text-webpack-plugin'缺什么就安装对应的提npm install -g extract-text-webpack-plugin。

webpack 创建一个VUE项目

一、创建并初始化VUE项目

1.安装完VUE和nodejs后在指定文件夹根目录生成项目文件夹

在命令行内进入当前文件夹

输入

其他选项默认

生成的文件夹

3.安装完毕运行

yarn start

未安装yarn的可直接运行

npm run dev

3.删除初始化多余项目

3.1删除components文件夹下的helloworld文件

3.2在app.vue中删除以下内容(如果报错请检查是否存在空格未删除)

4.让项目先跑起来

npm run dev

*注在开发测试环境使用-D/--seve-dev；生产环境使用-S/--seve

创建Vue客户端项目步骤

1、使用npm init vue@latest创建项目，除了不支持TypeScript和JXT外都选支持

2、修改.eslintrc.cjs，增加windows下换行：

3、修改package.json中运行端口号，防止冲突：

"dev": "vite --port 5149",

4、在vite.config.js中增加配置server：

5、安装其它支持包

npm install bootstrap

npm install @microsoft/signalr

npm install oidc-client

Python Flask + Vue web项目

通过pycharm+webstorm创建前后台项目即可。这里主要记录如何将两个合并在一起而不是前后台分离的架构。

web端通过webstorm直接创建vue项目。

需要注意的是：

vue.config.js这个文件需要我们自己创建。在前后台分离的时候在这个文件做如下配置就可跨域访问后台服务啦。

在pycharm开发工具中切换到web目录下，编译vue项目

让 WebStorm / PHPStorm 支持 Vue

众所周知 Jetbrains 系列的产品强大且好用. 但是对Vue的支持是出了名的不好

在编写Vue项目的时候, 往往只能使用Atom等编辑器

我这种 Jetbrains 粉表示不服, 一定有办法使用的.

在设置中选择plugin(插件), 选择 Browse repositories, 左上角搜索Vue

在设置中, 将 *.vue 添加进入Vue.js Template 中. 若提示冲突, 点击移除原来的即可

在设置中搜索JavaScript, 将JS版本选择为ECMAScript 6

在设置中搜索Unterminated statement, 将 Unterminated statement 的勾去掉

3.####防止node_modules使IDEA卡死

在IDEA开启的时候, 右下角全局设置

转到file types

同一个窗口下的

三个选项去除

正常使用

IDEA是无法是别的

要用这样的模式

目前没有完美的方法.

但是谁能阻止程序员的黑科技呢?

关于webstorm怎么创建vue项目和webstorm创建web项目的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。