Vue-cli的安装

1、vue-cli的安装要是用npm命令进行,所以你要先安装npm,然后使用npm安装vue-cli
npm install -g @vue/cli
c46a99b7.png

安装需要花费一些时间,安装完成后会提示安装的位置。
-g 全局安装,安装完成后可以直接在命令行里使用。

2、查看命令:直接输入vue可查看命令
b1109314.png
3、创建一个项目:
3.1 根据模板创建项目,需要安装 @vue/cli-init
//安装 @vue/cli-init
npm install -g @vue/cli

//根据模板创建项目
vue init webpack demo3
906b670e.png

webpack 是模板名称,demo3是项目名称

3.2 vue-cli3.0的创建项目
vue create '项目名'
81828461.png

如上图:会出现两个选择。

  • default (babel, eslint) 默认套餐,提供 babeleslint 支持。
  • Manually select features 自己去选择需要的功能,提供更多的特性选择。比如如果想要支持 TypeScript ,就应该选择这一项。

可以使用上下方向键来切换选项。如果只需要 babel 和 eslint 支持,那么选择第一项,就完事了,静静等待 vue 初始化项目。

如果想要更多的支持,就选择第二项:切换到第二项,按下 enter 键选中。
选择第二项后会出现很多其他配置,参考https://segmentfault.com/a/1190000014627083

4、启动项目

3128f3ec.png

安装完成后会提示你执行下面两个命令,执行之后项目就启动了

b82402a.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。