如何创建一个vue项目?

首先,新建一个保存项目的文件夹,这里为了演示,直接在桌面建立文件夹了,在路径输入框中输入cmd命令,回车打开终端

 

如何创建一个vue项目?_第1张图片

打开终端以后,自动就定位到了当前的目录下,此时输入创建脚手架的命令

vue create vuecli-demo如何创建一个vue项目?_第2张图片

然后进行选项选择,这里选择 Manually select features,手动进行项目的配置和选择

如何创建一个vue项目?_第3张图片

接下来就是手动选择配置了,调整上下按上下箭头,选中当前项按空格

如何创建一个vue项目?_第4张图片

选择好后回车,接下来选择要安装的 vue 版本(建议选择 2.x),回车

如何创建一个vue项目?_第5张图片 接下来选择,是否使用 history 模式的路由(建议输入 n):

如何创建一个vue项目?_第6张图片

 继续,选择要使用的 CSS 预处理器(建议选择 Less)后,回车

如何创建一个vue项目?_第7张图片

 接下来选择要使用的 ESLint 语法规则(建议选择 ESLint + Standard config)标准配置,后回车

如何创建一个vue项目?_第8张图片

 接下来,选择额外的 lint 功能(建议选择 Lint on save,在 Ctrl + S 的时候检测代码是否符合eslint规范)如何创建一个vue项目?_第9张图片

接下来选项代表着把第三方插件的配置选项放到哪个配置文件中(建议选择 In dedicated config files,表示:独立的配置文件) 

如何创建一个vue项目?_第10张图片

下面选项意思是否把刚才所有的操作,将此存储为未来项目的预置,保存为预设,方便下次直接基于预设,一键生成项目(建议输入 y) 

如何创建一个vue项目?_第11张图片

下面为预设起一个好听得名字

如何创建一个vue项目?_第12张图片 接下来项目就开始创建了,静静等待即可如何创建一个vue项目?_第13张图片

出现下面的界面,就代表项目创建完成了

如何创建一个vue项目?_第14张图片

 

你可能感兴趣的:(vue.js,前端)