vue

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运行服务
上一篇下一篇

猜你喜欢

热点阅读