可视化创建的vue如何安装插件(采用命令安装)
2020-04-16 本文已影响0人
CoderZb
我接手过来的项目通过可视化的这种方式安装依赖会报错误。因此本文针对这个问题采用另一种方式解决：
可视化创建的vue项目采用命令安装插件
步骤一：vscode中打开终端，并进入项目目录
cd /Users/zhangbin/Desktop/feiyang/fyWonderful
步骤二：终端中执行vue ui命令，进入可视化界面
image.png
步骤三：依赖->安装依赖
image.png
步骤四：搜索想要安装的插件，我这里要安装v-clipboard，然后记住插件的版本号2.2.2。（正常来说，到这个步骤就结束了。因为的项目安装插件有问题，因此才有后续的安装步骤）
image.png
步骤六：在项目目录fyWonderful中找到package.json文件，并添加刚才的依赖"v-clipboard": "^2.2.2"
image.png
步骤五：在fyWonderful目录中删掉node_modules文件夹，该文件夹中包含了之前安装的所有的插件依赖
image.png
步骤六：按住control+C关掉步骤二中的命令
image.png
步骤七：重新安装fyWonderful项目中的全部依赖
sudo cnpm install或者sudo npm install
步骤八：终端中再次执行vue ui命令，进入可视化界面
步骤九：依赖已在安装列表中，说明安装成功
image.png
