vue安装、移动及可能出现的报错解决方法

vue安装、移动及vscode中yarn可能出现的报错解决方法和目录解释

  1. 【1】Vue安装 1、安装git工具
    2、安装node,检查node安装是否成功,在git工具中输入node -v
    3、检查npm是否安装成功,在git工具中输入npm(npm一般随node一起安装在电脑中,node如果成功了,npm基本都会没问题)
    4、在git工具中输入:npm install -g cnpm
    –registry=https://registry.npm.taobao.org 检验是否安装成功:cnpm
    5、yarn安装参考网站:https://www.jianshu.com/p/4a225dcacd53 git工具输入:npm install -g yarn 检验是否安装成功:yarn -v
    6、vue安装:cnpm install vue
    7、vue-cli3脚手架工具安装:cnpm install -g @vue/cli或者yarn global add @vue/cli
    检查其版本是否正确:vue –version(一定要安装cli3版本,自行搜索安装指定版本命令) 8、通过图形界面创建vue项目:vue
    ui 他跟通过cmd创建项目,图形界面不香吗
    vue安装、移动及可能出现的报错解决方法

    9.点击右上角自定义选择添加运行任务,选择serve,添加成功后点击运行,点击前往任务页 vue安装、移动及可能出现的报错解决方法
    vue安装、移动及可能出现的报错解决方法

    vue安装、移动及可能出现的报错解决方法
    9.点击右上角自定义选择添加运行任务,选择serve,添加成功后点击运行,点击前往任务页 vue安装、移动及可能出现的报错解决方法
    vue安装、移动及可能出现的报错解决方法
    vue安装、移动及可能出现的报错解决方法
    vue安装、移动及可能出现的报错解决方法

    10.点击启动APP出现下图

    vue安装、移动及可能出现的报错解决方法

    11、control+c终止vue ui 12、在vscode中运行项目:yarn serve npm install
    vue-router --save-dev yarn install yarn serve 依然可以运行项目

    【2】Vscode部分可能会报的错误 yarn : 无法加载文件
    C:\Users\Admin\AppData\Roaming\npm\yarn.ps1,因为在此系统因为在此系统上禁止运行脚本。

    1、右键vscode以管理员身份运行
    2、若要在本地计算机上运行您编写的未签名脚本和来自其他用户的签名脚本,请使用以下命令将计算机上的 执行策略更改为
    RemoteSigned 执行:set-ExecutionPolicy RemoteSigned
    3、查看执行策略:get-ExecutionPolicy(这里用cmd做的示范)
    vue安装、移动及可能出现的报错解决方法

    4、关闭窗口重启即可

    【3】复制vue
    1.首先应删除接受的新的vue的vue安装、移动及可能出现的报错解决方法

    2.然后在终端输入 cnpm install即可

    【4】Vue基础知识 一、目录结构