vue-cli3安装/升级
2020-01-04 本文已影响0人
荼蘼toome
首先卸载 vue-cli2
npm uninstall vue-cli -g
解析:
uninstall uni 卸载的关键字
vue-cli vue-cli2的关键字
-g 全局安装
看安装的是npm
还是cnpm
安装的时候是全局安装所以卸载的时候也是全局卸载
使用
vue -V
查看此时已经卸载干净了.......若是还是能够查看版本号..就使用cnpm 在 来一次
[理论:源头不同,其他都一样]
安装
关键字 @vue/cli
普通安装vue-cli3
npm install -g @vue/cli
淘宝镜像安装
cnpm install -g @vue/cli
进入等待,,,不需要人工干预
vue-cli3增加了图形界面
速度较慢 . . . . 直观
存在既有价值
建议 : 多使用npm
vue-cli3图形界面
vue ui
启动图型化界面
默认安装方便,直观 ---- 新手 运行速度慢
预设模板,,暂不考虑
之后选择自动,,还是手动看你自己了
下面演示手动
有些选项是必须的
比如第一个..系统必须的配置信息
TypeScript
JavaScript一个作用不选择
router
选择
不选择的等将来补充安装就可
创建项目
预设 等待
特别慢.......好几分钟
ok
当我们知道插件的名称npm是最好的方法
启动服务
由于我选择了es lint所以可以做处理
运行...浏览器中输入localhost:8080
3-4秒自动显示
npm 命令创建cli3项目
新建文件夹md test3
选择文件夹cd test3
创建项目 vue create test3
此时需要人工干预
使用方向键选择
第一个默认
选择第二个手动搭建
使用空格选择不选择
选择router
先把Linrer先去掉
上面的? ?这个代表提示
第一个Babel 是默认的
第二个typeScript跟JavaScript是一样的但是JavaScript是主流的
Linter在初期使用会出现苦恼,,,规范比较多
用不用history模式... 选择是y
包依赖存放位置
默认
等待
看到提示符
cd test3
切换盘符npm run serve
运行服务