在你想搭建的项目的文件夹内打开powershell
1.执行: vue create "您的项目名称"
2.
![](https://img.haomeiwen.com/i14618340/4d28ec399977084d.png)
具体操作如下:
1. default(babel,eslint):默认设置(直接enter)非常适合快速创建一个新项目的原型,没有带任何辅助功能的 npm包
2. Manually select features:自定义配置(按方向键 ↓)是我们所需要的面向生产的项目,提供可选功能的 npm 包
点击第一个默认自动创建
点击第二个自定义配置
选择你所需要的 方向键控制 空格键选择 (建议选择ESlinter)规范代码 点击Enter
![](https://img.haomeiwen.com/i14618340/ca7ccf85d067d061.png)
![](https://img.haomeiwen.com/i14618340/53ebc96c4cff69ad.png)
是否使用history router Vue-Router 利用了浏览器自身的hash 模式和 history 模式的特性来实现前端路由(通过调用浏览器提供的接口)
![](https://img.haomeiwen.com/i14618340/ffabd26473a3de2d.png)
css预处理器 主要为css解决浏览器兼容、简化CSS代码 等问题
![](https://img.haomeiwen.com/i14618340/76759e22f3dab9cf.png)
ESLint:提供一个插件化的javascript代码检测工具,ESLint + Prettier //使用较多
![](https://img.haomeiwen.com/i14618340/57607d9f32ed8dc2.png)
何时检测:
![](https://img.haomeiwen.com/i14618340/1c943b27314628c7.png)
如何存放配置 :
![](https://img.haomeiwen.com/i14618340/474e9c8fcda98c82.png)
是否保存本次配置(y:记录本次配置,然后需要你起个名; n:不记录本次配置):
![](https://img.haomeiwen.com/i14618340/0b2584adf8db48de.png)
完成搭建
![](https://img.haomeiwen.com/i14618340/5aaf5ce52c2876f4.png)
CD 到文件夹内
打开项目 执行: npm run serve
请根据自身具体需求来搭建选择
网友评论