cnpm 安装vue

最新推荐文章于 2022-10-04 16:23:02 发布

sunnygirl丹

最新推荐文章于 2022-10-04 16:23:02 发布

阅读量882

点赞数

CC 4.0 BY-SA版权

分类专栏： vue-js 文章标签： cmd 浏览器

本文链接：https://blog.youkuaiyun.com/qq_32614265/article/details/77881533

vue-js 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何在浏览器中安装Vue Devtools。首先从GitHub下载Vue Devtools，然后在cmd中进入工程目录，修改manifest.json文件，接着在Chrome扩展程序中加载已解压的扩展程序，最后开启Vue项目进行调试。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在使用 Vue 时，我们推荐你在浏览器中安装 Vue Devtools
1.github下载地址：https://github.com/vuejs/vue-devtools

2.下载好后进入vue-devtools-master工程
开始—->cmd—->cd vue-devtools-master(下载所在的目录)

cnpm install 
cnpm run build

3.修改mainifest.json 中的persistant为true
4.打开谷歌浏览器设置—>扩展程序–>勾选开发者模式—>添加工程中的shells文件里的chrome文件，至此恭喜已经安装成功！！！

5.打开自己的vue项目中，如果是有vue-cli构建的项目，执行npm run dev,打开http://localhost:8080/ 服务器调试地址；至此完成devtools的安装；

安装vue

第一种方法直接引入js文件;
第二种方法通过npm安装;
首先安装nodejs

 cnpm install vue                  //最新稳定版本
 cnpm install -g vue-cli         //安装 vue-cli
 vue init webpack my-project  //切换到你要创建项目的目录 使用“webpack”模板创建一个新项目；my-project为项目名
 cd my-project                        //切换到项目名下
 cnpm run dev                         //运行项目