Vue Cli3.x搭一个项目

444 阅读1分钟

安装Vue Cli

关于旧版本

VUe CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x),你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。

安装

npm install -g @vue/cli

检查安装

检查当前版本是否正确 (3.x)

vue --version

创建一个项目

vue create hello-world

使用图形化界面

你也可以通过 vue ui 命令以图形化界面创建和管理项目:

vue ui

打开一个浏览器窗口,并以图形化界面将你引导至项目创建的流程。

进入项目管理

插件添加管理

  • vuex、vue-router其他插件一键配置

项目配置

  • 打包文件输入输出路径
  • CSS设置
  • 代码质量检查

开发打包

  • 一键开发打包
  • 监控项目运行

有了Vue Cli,再也不担心项目架构配置。感谢尤大。期待尤大带来更多惊喜。