vue ui可视化面板安装vue项目

在cmd控制台内

本地全局安装了 2.0 的环境,所以需要全局卸载再安装 3.0

npm uninstall -g vue-cli
 
npm install -g @vue/cli
  • 查看vue脚手架的版本(vue-cli的版本):vue -Vvue --version
  • 查看vue的版本:npm list vue或直接去项目中,找到package.json文件夹
    找"dependencies"然后就可以看到你装的vue的版本了
    vue ui可视化面板安装vue项目_第1张图片
    在Visual Studio Code中输入查看vue脚手架的版本(vue-cli的版本):vue -Vvue --version不行因为在此系统上禁止运行脚本,留坑。
    已解决:飞过去看一下
    vue ui可视化面板安装vue项目_第2张图片

手动配置项目

vue ui可视化面板安装vue项目_第3张图片

在cmd控制台内

输入vue ui打开可视化的面版,要 cli3以上
vue ui可视化面板安装vue项目_第4张图片
vue ui可视化面板安装vue项目_第5张图片
详情面板
vue ui可视化面板安装vue项目_第6张图片
预设面板
vue ui可视化面板安装vue项目_第7张图片

功能面板
vue ui可视化面板安装vue项目_第8张图片
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
配置面板
vue ui可视化面板安装vue项目_第9张图片
这一步可能出现vue ui 创建项目Cannot read property ‘indexOf’ of undefined。大概网络问题。可能换了网络行了。留坑。
vue ui可视化面板安装vue项目_第10张图片
安装element后并配置
vue ui可视化面板安装vue项目_第11张图片
安装依赖,点击小头像,右下角有安装按钮
vue ui可视化面板安装vue项目_第12张图片

安装旧版本

package.json里面的vue版本^2.5.1^表示大于这个版本即可2.6.11是大于这个的,所以会默认用这个版本。
- 解决方法:npm i [email protected] -S指定安装版本:npm i [email protected] -Snpm install [email protected] --save

你可能感兴趣的:(vue.js)