Vue Cli 3.x 项目搭建(一)

主要所用技术 （亲自采坑）

• Vue 3.9.x
• Vue Cli 3.x：官方中文文档
• Vue Router
• Vuex
• vue-i18n：国际化多语言插件 使用5.0.x版本
• iView
• iview-admin
• iview-area：城市级联组件
• wangeditor：轻量富文本编辑器
• gitalk：基于github issue评论插件
• vue-stomp
• vue-json-pretty：Json美化
• Print.js：打印
• ES6
• webpack
• axios
• echarts
• cookie
• 第三方插件或服务
  • hotjar：一体化分析和反馈
  • Vaptcha人机验证码

一，环境 win10 

安装node.js ，官网下载 :https://nodejs.org/zh-cn/download/

 注意修改npm 默认安装路径: 不修改默认在C盘

 如何修改，如何生效 请自行百度解决

安装 cnpm ：

由于我们被墙的厉害，所以使用npm下载模块时候会发现效率真的很慢，所以推荐淘宝的镜像，安装说明 
推荐：

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

安装 vue cli 3

npm install -g @vue/cli    注意安装vue cli 不能使用cnpm...（否则安装不了...）

安装成功后验证：

vue -V

创建项目:

创建成功后 用webstrom 打开项目如下；

启动项目:

 访问: