快速创建vue项目的两种方法

1.安装vue脚手架

cnpm install -g @vue/cli

安装好后可通过vue -V查看版本，此时的版本为@vue/cli 4.1.1

2.基于脚手架创建vue项目

一种方法是通过交互式命令行创建项目，另一种方法是通过图形化界面创建项目，接下来将分别介绍。

2.1通过命令行创建vue项目

vue create project-name（设置项目名称）

vue create vueproject

此时会出现问答面板对需要的功能进行选择，上下键进行切换，空格键选中，回车确认，根据项目实际情况进行选择，这里给出我的选项：
通常选择第二种手动方式

 

这里选择Babel、Router和Linter

 

 

vue-router 中有hash模式和history模式，vue的路由默认是hash模式，这里选择n

 

 

代码检测选择标准

 

 

语法检查方式选择保存就检查

 

 

把babel，eslint这些配置文件选择放在独立文件夹

 

 

是否记录以便于下一次使用，可能每个项目创建需求不同，这里选择N

 

 

安装完成后进入项目文件夹

cd vueproject

启动项目

cnpm run serve

浏览器访问http://localhost:8080/
出现如下页面项目创建完成

 

 

 

2.2通过图形化界面创建vue项目

命令行输入vue ui

 

 

打开浏览器http://localhost:8000/
进入到图形化界面

 

 

 

创建新项目

 

 

输入项目名称

 

 

进行手动配置

 

 

选择了Babel、Router、Linter和使用配置文件

 

 

 

 

ESLint选择标准检查

 

 

选择不保存

 

 

项目创建完成

 

作者：Lily_FJ
来源：简书