VUE 安装及搭建脚手架

vue3.x 使用webpack init 初始化一个新项目
小白的我更新一波利用vue 3.x创建vue2.x项目 vue官网 https://cn.vuejs.org/v2/guide/

1.准备 node  npm/cnpm/yarn   （cnpm/yarn比npm安装的要快），本人以npm为例。

 2.全局安装 @vue-cli 脚手架   利用vue -V查看版本号 ；如果安装失败，查看node环境变量，重新安装node ，重新安装vue
 如果vue -V 外部命令 看看环境变量  路径用npm config list 看一下路径

  ps: npm install --g vue-cli 是2.x版本的安装方法 版本3.x多了一个@ npm install --g @vue-cli 符号 2.x版本也能安装 安装的版本我的是2.9.6



  vue 3.x版本安装 

npm install -g @vue/cli

 3.创建项目 vue init webpack mydemo  这时会显示一下信息   

  因为Vue-cli 3.x和vue-cli 2.x使用了相同的 vue 命令，所以 vue-cli  2.x  被覆盖了。如果你仍然需要使用旧版本的 vue init 功能，你可以全局安装一个桥接工具 

@vue/cli-init
4:安装@vue/cli-int

npm install -g @vue/cli-init
 

 

 5.创建项目 

vue init webpack mydemo

项目名称  描述  作者  vue搭建 （对vue搭建的解释） 稍微看一下  本人选择第一个了 

是否安装路由 是否安装eslint 单元测试（ 个人觉得不安装选择） e2e测试（个人觉得不安装选择 )

 选择安装 

 安装完成，cd到项目下 启动命令 浏览器打开 localhost：8080

npm run start

如果安装 element ui

vue add element 按需引入 然后 中文

vue add router 或者 npm install