IDEA运行vue项目心得(1)

IDEA运行vue项目心得(1):

**

一、首先配置 vue环境问题:

**
引用https://blog.****.net/Neuf_Soleil/article/details/88926242
需要cmd中配置vue的各种环境问题:
1)首先是下载 npm: 查看npm版本:npm -v:对于npm的更新命令为:
npm -g install npm
2)之后可以选择安装cpnm,即 npm 的国内镜像。使用 cnmp 的好处是在日后下载内容时会比较快,但是下载的包可能不是最新的。

安装 cnpm 的命令为 :
npm install -g cnpm --registry=https://registry.npm.taobao.org
3)之后使用 npm install -g vue-cli 安装脚手架
现在为止,所有环境搭建完成。

二、创建vue项目:

我们在cmd中进入我们想要创建的目录下,输入如下命令:
vue init webpack wt-vue (wt-vue 是创建的文件名称,可以随意更改)

在程序执行的过程中会有一些提示,可以按照默认的设定一路回车下去,也可以按需修改,比如下图问我项目名称是不是 wj-vue,直接回车确认就行。

三、项目创建完毕开始执行:

项目在执行的过程中也会遇到许多问题,这是IDEA软件上的问题,修改即可:

1.对于<script>后的export default 出现报错问题:

IDEA运行vue项目心得(1)
IDEA运行vue项目心得(1)选择disable Eslint;

2.对于运行出错方面:
IDEA运行vue项目心得(1)
需要选择对的路径: webpack.dev.conf.js

3.针对出现found 0 问题:
IDEA运行vue项目心得(1)
选择build中的webpack.base.conf.js:
IDEA运行vue项目心得(1)
将…(config.dev.useEslint?)前加入// ,将其变为解释语句

目前为止,一个vue项目可以正常运行起来了!