CNPM

错误： Node Sass could not find a binding for your current environment: OS X 64-bit with Node.js 9.x js项目: 1、从SVN上checkout 下来 终端打开cd 目录 svn://192.168.x.xxx/xxx/xxx/xxx/xxx/xxx/xxx-ios/ （SVN上项目目录） /Users/Datacvg/Desktop/xxx --username=xxx --password=xxx 2、安装cnpm 并且 build npm install cnpm -g - -registry= https://registry.npm.taobao.orgrg //只在第一次执行一次 之后不用在执行 cnpm install cnpm run build build成功之后会出现一个node_modules文件夹，如下图所示： 很长时间之后再次cnpm run build的之后报错 Node Sass could not find a binding for your current environment: OS X 64-bit with Node.js 9.x 如下图所示： 解决方法： 删除node_modules文件夹，重新执行cnpm install 再执行cnpm

VUE项目爬坑---4、vuex使用注意 一、总结 一句话总结： 1、【修改数据mutations】：state中的数据，不能直接修改，如果想要修改，必须通过 mutations 2、【获取数据this.$store.state.***】：如果组件想要直接 从 state 上获取数据： 需要 this.$store.state.*** 3、【this.$store.commit('方法的名称'， 唯一的一个参数)】：如果 组件，想要修改数据，必须使用 mutations 提供的方法，需要通过 this.$store.commit('方法的名称'， 唯一的一个参数) 4、【getters对数据做包装】：如果 store 中 state 上的数据， 在对外提供的时候，需要做一层包装，那么 ，推荐使用 getters, 如果需要使用 getters ,则用 this.$store.getters.*** 1、vuex的适用场景？ 只有共享的数据，才有权利放到vuex中；组件内部私有的数据，只要放到组件的data中即可； Vuex是为了保存组件之间共享数据而诞生的，如果组件之间有要共享的数据，可以直接挂载到vuex中，而不必通过父子组件之间传值了，如果组件的数据不需要共享，此时，这些不需要共享的私有数据，没有必要放到vuex中； props 和data和vuex的区别； 2

npm run dev 报错，这个错误好像还遇到挺多次的，这次特地记录一下，反正错误翻译过来就是模块生成失败：错误：找不到模块“node sass” 需要堆栈：....这大概意思就是下载node-sass失败呗 我这里是这么做法就成功了 首先执行：npm install -g cnpm --registry=https://registry.npm.taobao.org 再执行：cnpm install node-sass --save 最后：npm run dev 莫名的就成功跑起来了.... 来源： oschina 链接： https://my.oschina.net/u/4377994/blog/4254689

B站 该教学视频资源 =》 传送门 李游Leo 老师的公开课 做的笔记 安装 npm 参考手顺 安装结果 安装cnpm手顺 clone 下来 vue创造者的 demo版本 gihub地址 ： 传送门 依据 package.json 文件 ，cnpm i 下载 依赖 下记是老师的图 运行个dev Ctrl + C 停止 。。。。。。 运行个 serve 我应该 再去学学 英语 。。。。。。 => http://localhost:5000/ 使用作者提供的小例子 => https://github.com/vuejs/vue-next#status-beta here => https://github.com/vuejs/vue-next-webpack-preview 小例子 运行 vue 脚手架 （前面都是 浮云 ~~~） 安装一下 npm install -g @vue/cli vue -V 检查已经安装成功 创建项目 vue create vue-next-cli-demo （mac 是这个，但windows 并不是，没有窗口交互互动的，小坑坑~） 解决办法 1.winpty vue.cmd create 你的工程名（你滴名纸） 就和视频里面一样啦~~~ 创建工程需要一些自定义的设定 ，设定一下 。。。。。。 2.vue 2 =》 vue 3 需要升级一下 vue add

1、如果之前有全局安装过vue-2，先卸载掉 cnpm uni -g vue-cli 2、安装vue-cli3 cnpm install -g @vue/cli 3、可以使用vue ui 进入图形界面创建项目 4、也可以使用命令行进行创建 来源： oschina 链接： https://my.oschina.net/u/4346445/blog/4253691

1.node安装： 在node官网： https://nodejs.org/en/download/ 下载对应的安装包（这里建议下载最新的版本）下载好后放在liunx指定路径下 我这里放到opt这个文件夹。 首先要解压到opt文件夹中 sudo tar -xJf node-v10.16.3-linux-x64.tar.xz -C /opt 跟node建立执行链接 sudo ln -s /opt/node-v10.16.3-linux-x64/bin/node /usr/local/bin/node 跟npm建立执行链接 sudo ln -s /opt/node-v10.16.3-linux-x64/bin/npm /usr/local/bin/npm 运行命令： npm -V 运行命令： node -v 出现下图内容表示node和npm安装成功。 2.安装 cnpm sudo npm install -g cnpm --registry=https://registry.npm.taobao.org --verbose 安装完成，输入命令，却提示不存在cnpm命令 解决办法： 第一步：找到cnpm位置 /opt/node-v10.16.3-linux-x64/lib/node_modules/cnpm/bin/cnpm sudo find / -name cnpm 第二步：建立软链

【转】https://www.cnblogs.com/tanyongli/p/7554045.html Vue.js devtools是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展，可以在浏览器开发者工具下调试代码。 1）首先在github下载devtools源码，地址： https://github.com/vuejs/vue-devtools。 2）下载好后进入vue-devtools-master工程 执行cnpm install, 下载依赖，然后执行npm run build，编译源程序。 3）编译完成后，目录结构如下： 修改shells、chrome目录下的mainifest.json 中的persistant为true： 4）打开谷歌浏览器的设置--->扩展程序，并勾选开发者模式 然后将刚刚编译后的工程中的shells目录下，chrome的整个文件夹直接拖拽到当前浏览器中，并选择启用，即可将插件安装到浏览器。 5）打开一个已有的vue项目，运行项目，然后在浏览器中--->设置--->更多工具--->开发者工具，进入调试模式： 发现vue.js is not detected ，可以调整一下webpack.config.js的代码， 最后，重启一下你的vue项目应该就可以使用了。 来源： oschina 链接： https://my

Vue开发调试神器: vue-devtools 1. 下载Chrome扩展插件 GitHub下载地址： https://github.com/vuejs/vue-devtools 建议使用npm淘宝镜像按照依赖包 地址：http://npm.taobao.org/ 　 命令行安装npm淘宝镜像： $ npm install -g cnpm --registry=https://registry.npm.taobao.org 　　 之后我们就可以使用cnpm代替npm按照依赖包了，npm安装依赖包确实太慢了..... 2. 安装编译 cnpm install 　　 cnpm run build 　　 打开shells>chrome>src>manifest.json并把json文件里的"persistent":false改成true 3. 将插件加入Chrome扩展插件 打开chrome浏览器，打开设置>更多工具>扩展程序>点击开发者模式； 点击“加载已解压的扩展程序”，然后选择vue-devtools-dev>shell>chrome文件夹； 最后打开一个vue项目，f12打开调试工具就可以进行vue项目的调试了。 来源： oschina 链接： https://my.oschina.net/u/4384701/blog/3386675

ue-devtools是一款基于chrome浏览器的插件，用于vue应用的调试，这款vue调试神器可以极大地提高我们的调试效率。帮助我们快速的调试开发vue应用 方法一：打开谷歌浏览器，点击最右边的三个竖向小圆点 ，更多工具--扩展程序，在谷歌商店搜索 vue devtools ，然后点击安装即可 方法二：原文参考 https://www.cnblogs.com/feiyu159/p/8666865.html 1）首先在github下载devtools源码，地址： https://github.com/vuejs/vue-devtools 2) 按住shift 选中下载好的 devtools 文件夹，选择 在此处打开powershell窗口，输入命令： cnpm install ，安装依赖，命令执行成功后，当前文件夹里会多一个node_modules文件夹（即安装好的依赖） 3）然后执行 cnpm run build ，编译源程序 4) 修改 shells-->chrome目录下的mainifest.json 中的 persistant为true ：可以在打开方式里选择笔记本打开 mainifest.json 文件并修改 5）开谷歌浏览器的设置--->扩展程序，并 勾选开发者模式 （在浏览器最右侧上方） 6）然后将刚刚编译后的工程中的shells目录下

vue-cli3的操作参考文章： vue/cli 3.0脚手架搭建 ， 浅谈vue-cli 3 和 vue-cli 2的区别 1、前期准备： node.js环境，安装node npm或者cnpm（npm的淘宝镜像，在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org。由于有些npm有些资源被屏蔽或者是国外资源的原因，经常会导致用npm安装依赖包的时候失败，所以需要npm的国内镜像---cnpm） vue-cli 脚手架构建工具，构建项目（在命令行中运行命令 cnpm install -g vue-cli） ------------------------------------------------------------------------------------------------------------------------------------------------------------- 2019/8/14更新： vue3.x版本使用命令： npm install -g @vue/cli 或 yarn global add @vue/cli 2、用vue-cli构建项目 进入要创建项目目录的工作区，比如选择桌面来存放新建的项目：cd desktop 在命令行中运行命令