环境搭建

一、vue版本相关

vue-cli@3 (https://cli.vuejs.org/zh/guide/installation.html)

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
# OR
yarn global add @vue/cli

注：
涉及node版本管理下载就不在细说，nvm的下载使用等问题;

这里我安装了vue-cli@4,尝试看看有什么异同点
(1)首先创建项目命令与3是一样的

vue create vue-learn
cd vue-learn
npm run serve

运行成功

<s> [webpack.Progress] 100%


  App running at:
  - Local:   http://localhost:8080/     // 自己访问
  - Network: http://192.168.1.105:8080/ // 同一个局域网访问

  Note that the development build is not optimized.
  To create a production build, run npm run build.

你可以通过 vue ui 命令使用 GUI 运行更多的特性脚

(2)与2不一样，如果你仍然需要使用旧版本的 vue init 功能，你可以全局安装一个桥接工具：

 npm install -g @vue/cli-init

安装好后执行·命令：

vue init webpack my-project

可能出现 Command vue init requires a global addon to be installed.
Please run npm install -g @vue/cli-init and try again.
这种报错。尝试执行了它的提示依然报错，这是个坑；

vue@2.5

注：关于vue一些基础语法不在细说看文档：模板、样式、遍历、事件、组件路由及vuex