idea 新建vue-cli项目

idea 新建vue-cli项目 记录新建vue-cli项目

vue脚手架的使用依赖node.js 需要先去下载并安装node.js

根据 自身电脑选择对应版本即可。安装没什么要注意的点。一直选择next 最后选择finish即可。
检查是否安装成功。打开控制面板 输入 node -v，npm -v查看

环境配置 成功之后 。就可以安装脚手架了。
命令 npm install -g vue -cli ( -g 代表全局 )

如果提示vue不是 内部命令
先找到vue.cmd所在 的文件路径，在系统环境变量 Path中添加此路径

环境配置完成 之后 。右键idea图标选择属性。选择快捷方式，选择高级。勾选上用管理员身份运行。这一步 *** 作是为了idea内的控制台可以获得足够的权限来使用命令

准备工作完成 之后就可以开始创建 vue脚手架项目了。
打开idea的命令控制台，先定位到你需要创建项目的文件路径，输入 下方命令语句
vue init webpack 项目名称

出现提示project name 输入自定义项目名
继续 project desription 项目描述
Author 作者
出现 选择。 Runtime + Compiler: recommended for most users
运行时+编译还是仅运行时。默认选择第一个
Install vue-router? (Y/n) 是否安装路由。选是。
Use ESLint to lint your code? (Y/n) 是否选择严格模式。建议选是。规范第一嘛。
Standard (https://github.com/standard/standard)
Airbnb (https://github.com/airbnb/javascript)
none (configure it yourself) 选择引入配置。
Set up unit tests (Y/n) 测试
? Should we run npm install for you after the project has been created? (recommended) (Use arrow keys)
Yes, use NPM
Yes, use Yarn
No, I will handle that myself
这一块选择npm 即可
到这一步，项目 就开始创建 了。创建 完成之后打开即可

接下来 就是 项目初始化的配置
引入ElementUI npm i element-ui -S
引入axios npm install axios --save
引入 之后在打开 main.js配置

控制台输入 npm start 成功出现==> Your application is running here: http://localhost:8080

接下来修改一下端口的配置

host 0.0.0.0 支持外网访问。 感谢阅读 。写的不好，见谅