CNPM

第一步：在项目文件夹中 1，用npm或者cnpm安装 jquery bootstrap popper.js 例如：cnpm i jquery -S (注意是大S 才能保存在package.json文件中) 2，注意观察package.json文件里 要有类似这三项 "bootstrap": "^4.1.3", "jquery": "^3.3.1", "popper.js": "^1.14.4", 第二步： 在build文件夹下webpack.base.conf.js文件中修改配置： 1，添加： const webpack = require('webpack'); 2，在module.exports里面添加plugins module.exports = { plugins: [ new webpack.optimize.CommonsChunkPlugin('common'), new webpack.ProvidePlugin({ $: 'jquery', jQuery: 'jquery', Popper: ['popper.js', 'default'] }) ], 第三步：在main.js中引入如下文件 import $ from 'jquery' import 'bootstrap/dist/css/bootstrap.min.css' import 'bootstrap

一、环境介绍 系统版本：CentOS Linux 7 (Core) 内核版本：Linux version 4.16.13-1.el7.elrepo.x86_64 node各个版本下载路径 https://nodejs.org/dist/v12.19.0/ node-sass路径 https://github.com/sass/node-sass/tree/release 二、出现问题 Linux下执行npm install 时出现 "cannot run in wd"如何解决? # 将命令 npm install 换为 npm install --unsafe-perm 执行即可 三、安装node.js 1、确认依赖环境 确认服务器有nodejs编译及依赖相关软件，如果没有可通过运行以下命令安装。 yum -y install gcc gcc-c++ openssl-devel 2、下载NodeJS源码包并解压 进入要存放下载资源的目录，本文存放在/usr/local/src/目录下。然后执行命令下载源码包：(若无wget软件，则先下载安装：yum -y install wget) wget http://nodejs.org/dist/v8.11.1/node-v8.11.1-linux-x64.tar.gz 解压 注：如果下载的源码包是.xz的，则需要执行下面命令解压 xz

1.起步，准备 首先你需要到node.js的官网下载一个叫做node的软件下载完成后你就会得到node附赠的一个npm工具。当你安装完成后。打开命令行分别输入node -v回车和npm -v回车你就会看到版本号。切换国内镜像以提升下载速度。 npm install -g cnpm --registry =htttps://registry.npm.taobao.org 通过cnpm -v来验证是否安装成功。接下来就是安装webpack。命令如下 cnpm install -g webpack weboack-cli 安装Vue Cli 命令cnpm install -g @vue/cli 2.第一个vue应用 这里我们选择的时候webstorm。在file处选择新建项目之后选择新建vue的项目。可能构建的时间有些长不要着急稍微等一会马上就好。 当你的第一个vue应用被建出来后他大概是这个样子的。 这里你会看到就算有一个前端项目也是会占用端口的。 3.模板语法 vue的语法非常严格引用了就要声明使用。不然就会报错。 模板语法的结构基本上是这样的。当然这里有一点值得强调就是在template下只允许有一个根就是那个叫App的盒子。这里我们要说的是插值表达式。他的作用就是将data中的数据或者是其他的一些数据渲染进DOM中但是不同的是他是不会解析HTML中的标签的。在data中

昨天搭建基础的Vue环境,看的视频比较老了,装的还是vue-cli ,现在官网提供安装是@vue/cli ,安装的时候报错了 $ npm install -g @vue/ cli npm WARN deprecated core -js@ 2.6 . 11 : core-js@< 3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@ 3 . 然后就根据要求装高版本呗 npm install --save -g core-js@^ 3 也提示成功了 然后再安装 ，， 姐姐出的问题怎么能一个小命令就能解决的，不出所料，果然还报同样的错 npm cache clean --force 缓存也清理了，，还是不行 脑海突然灵光一现，我一个前端大佬说我的npm不行，得用cnpm, 具体可以参照这个链接安装 https://blog.csdn.net/wjnf012/article/details/80422313 npm install -g cnpm --registry=https: // registry.npm.taobao.org 然后

　　最近一个星期准备学习一下angular前端框架，因为之前在学习abp框架的时候，都要求前端要掌握angular,所以不得不回来恶补一下了，学习的过程有时间的话会记录在这里，方便以后复习。 闲言少叙，下面来介绍开发环境搭建的步骤： 开发环境搭建 1.安装node和npm(其实只需要安装node，因为npm会跟随node一起安装) 首先百度node.js ,进入node.js的官网： 如图所示，安装LTS版本的，LTS表示当前最稳定使用最广泛的版本的，Current表示最新版本的，推荐安装最稳定的版本。下载下来之后，直接点击安装，安装步骤很简单，直接下一步到底就可以了。 安装完成后，可通过控制台cmd(win + r cmd),输入如下命令查看node.js和npm的版本，命令如下： // node 版本 node - v // npm版本 npm -v 如果安装成功，则会显示如下信息： 2.安装cnpm npm和cnpm都是自动从网络上获取一些开发资源的工具，但是npm访问的是国外的资源，cnpm是访问的淘宝维护的国内的资源，所以在获取一些资源的时候，使用cnpm要快的多，下面给出使用npm安装cnpm的命令行： npm install -g cnpm --registry=https: // registry.npm.taobao.org 安装好后，结果如下： 3

1 . 下载chrome扩展插件。 在github上下载压缩包并解压到本地，github下载地址： https://github.com/vuejs/vue-devtools 2. npm install 下载完成后打开命令行cmd进入vue-devtools-master文件夹， 1. npm install，安装依赖包；如果安装太慢，就先安装淘宝镜像,命令行输入 $ npm install -g cnpm --registry=https://registry.npm.taobao.org。 安装完成后可以测试是否安装成功：可输入命令：$ cnpm -v 返回版本号说明安装成功 　现在就可以用 $ cnpm install 　2.cnpm run build 编译打包完后会在shells>chrome下的src文件夹里生产如上图所示的几个js文件； 3. 扩展chrome插件 　　1.打开chrome浏览器，点击右上角，打开更多工具>扩展程序； 　　 2.打开右上角的开发者模式。 再点击加载已解压的扩展程序，然后把shells>chrome文件夹放入 　　3.测试插件是否有效。运行Vue项目后 切换到Vue模式。 免责声明 本博客所有文章仅用于学习、研究和交流目的，欢迎非商业性质转载。 博主在此发文（包括但不限于汉字、拼音、拉丁字母）均为随意敲击键盘所出

<div id="cnblogs_post_body" class="blogpost-body"><p>Vue.js devtools是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展，可以在浏览器开发者工具下调试代码。</p> <p>1）首先在github下载devtools源码，地址：<a style="color: #3194d0; text-decoration: none; background-color: transparent;" href="https://github.com/vuejs/vue-devtools%E3%80%82" target="_blank">https://github.com/vuejs/vue-devtools。</a></p> <p><img src="https://images2017.cnblogs.com/blog/1215920/201709/1215920-20170919205434540-2015837660.png" alt=""></p> <p> </p> <p><br> 2）下载好后进入vue-devtools-master工程 执行cnpm install, 下载依赖，然后执行npm run build，编译源程序。</p> <p><img src="https:/

cesium编程中级(二)源码编译 有些情况下，比如我们自己从Github下载了最新的代码，或者自己临时修改了一点代码，想要编译后的Build文件夹的内容，需要自行编译源码，这里介绍一下编译的方法 下载源码之后，可以发现根目录存在一个gulpfile.js文件，编译源码就是使用 gulp 编译的成果有四部分， 生成Apps文件夹，包括helloworld程序和沙盒Sandcastle 编译后的部署环境下的Cesium文件夹 编译后的调试环境下的Cesium文件夹 API文档 解压，或者git clone源码之后，先执行 cnpm install 下载依赖包 cnpm安装请看 cesium编程入门(二)环境搭建 安装gulp,(-g 表示全局安装，可选) cnpm install gulp -g //生成文档需要 cnpm install jsdoc -g 执行命令 生成Apps文件夹 gulp buildApps 这里会在Build下生成Apps文件夹，内容包括helloworld程序和沙盒Sandcastle 部署环境下的Cesium文件夹 gulp minifyRelease 这里会在Build下生成Cesium文件夹 说明：如果是git clone的，这一步没问题，如果是下载的官方包，这一步会报错 [16:37:12] Error: ENOENT: no such file

WebPack 1作用 将涉及到的 js，css,png,jpg 等进行整理，整理成一个assets，加快浏览器加载。 2下载 cnpm install -g webpack@1.13.2 3 运行 webpack 4 打包 webpack a b ：将a文件打包成b 文件 来源： oschina 链接： https://my.oschina.net/u/4895689/blog/4899398

###方法一 使用cnpm https://npm.taobao.org/ npm install -g cnpm --registry=https://registry.npm.taobao.org 方法二 直接替换源 npm config set registry https://registry.npm.taobao.org --global npm config set disturl https://npm.taobao.org/dist --global 使用cnpm可能出现奇怪的错误,比如下载gulp的时候出错,所以我用的第二种方式. 来源： oschina 链接： https://my.oschina.net/u/1417422/blog/674700