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 出现报错问题:
选择disable Eslint;
2.对于运行出错方面:
需要选择对的路径: webpack.dev.conf.js
3.针对出现found 0 问题:
选择build中的webpack.base.conf.js:
将…(config.dev.useEslint?)前加入// ,将其变为解释语句
目前为止,一个vue项目可以正常运行起来了!