vue-cli的3.x版本的安装使用记录

2.9版本的安装方法

之前都是使用2.9的版本都是一句话 "npm install -g @vue/cli "全局安装就可以了,然后vue create 项目名字(英文,比如:vue-project),cd vue-project(进入这个项目的文件夹)    npm run serve(运行项目)就可以了

3.x版本的安装方法

vue-cli的3.x版本安装就比2.9的要复杂一点

1.npm install -g @vue/cli (如果是2.9的版本升级到3.x版本就是npm uninstall -g vue-cli)

2.安装成功后可以使用 vue -V查看版本号

3.创建项目使用 vue create 项目名称 (但是我每次创建项目的时候都是很慢,因为npm真的很慢,所以可以

npm config set registry https://registry.npm.taobao.org

这样创建项目就不会卡,而且会快了很多)

3.x 版本包括默认预设配置 和 用户自定义配置,在用户自定义配置之后,会询问是否保存当前的配置功能为将来的项目配置的预设值,这样下次可直接使用不需要再次配置。

自定义功能配置包括以下功能:

  1. TypeScript

    扫描二维码关注公众号,回复: 6430773 查看本文章
  2. Progressive Web App (PWA) Support

  3. Router

  4. Vuex

  5. CSS Pre-processors

  6. Linter / Formatter

  7. Unit Testing

  8. E2E Testing

可以根据项目大小和功能体验配置不同的功能,空格键 选中/反选,按a键 全选/全不选,按i键反选已选择项, 上下键 上下移动选择。

创建项目成功后会出现下面的情况

然后cd 项目名称 进入项目文件夹

最后npm run serve (运行项目) 

到了这里vue-cli创建项目就完成了

猜你喜欢

转载自blog.csdn.net/weixin_41615439/article/details/88988264