CNPM

1、问题分析 由于node-sass这个包很大，同时npm服务器在国外，所以下载时会不稳定，导致下载失败或者出现这个错误. 2、问题解决办法 使用cnpm进行安装，步骤如下： 卸载node-sass cnpm uninstall --save node-sass 重新安装 cnpm install --save node-sass 来源： oschina 链接： https://my.oschina.net/u/3481095/blog/3123073

本文是第十四届 - 前端早早聊成长晋升专场，也是早早聊第 102 场，来自 蚂蚁金服 - 死马 的分享 一、自我介绍 我是不四，毕业后一直在阿里和蚂蚁工作，不四是我在阿里的花名，社区中一般以另一个花名 “死马” 出现。工作这 8 年多来一直专注在 Node.js 和 Web 开发领域，也在社区参与了一些开源项目，包括 Koa、Egg 和 cnpm 等，非常幸运在 node 出生之初就开始参与其中，算是赶上了一波由 node 带来的大前端变革浪潮。每一个人的成长轨迹都不一样，一路上遇到的机遇也各不相同，这次分享也仅站在一个普通工程师的角度来分享我的成长经历和贯穿其中的一些个人习惯。 二、成长历程 实习 在 2011 年的夏天，大三暑假我来到了当时的淘宝数据平台实习。也不知道是运气好还是运气差，我是以 C++ 工程师的身份被招聘的，分配到的数据产品部却是一个做 Web 产品的团队，还是用刚刚出生的 Node.js 作为服务端开发语言，并在实践全栈研发，还记得那时候 node 的版本才 0.4，而我是一个连 JS 和 JSP 都分不清楚的菜鸟，大学三年只写过黑框框的 C++，连 HTTP 是什么都不知道，无比忐忑的开始闷头学习 JS 基础。 多年以后和当时看的入门教材作者成为了同事 幸运的是，当时的团队大牛云集，国内第一批 Node.js 的布道者，node party 的发起人空无

个人心得，项目使用vue两种方式，一种就是传统的使用方式，使用script标签直接引入； <script src="https://unpkg.com/vue/dist/vue.js"></script> 另外就是搭建脚手架，使用npm安装，安装步骤： 1、检查是否安装有nodeJS环境，没有的安装nodejs环境，4.0版本以上。 （1）、傻瓜式安装nodejs,去node官网下载，之后就是各种下一步。 安装vue-cli - npm install vue-cli -g - $ npm install --global vue-cli - $ npm install -g vue-cli 上面命令都可以安装vue脚手架，选择其中一条命令即可,行情问题，npm比较慢，可以使用cnpm 安装基于webpack工具的vue项目 vue init webpack sell //sell项目名称 执行完上面的命令后，窗口出现下图选择项 每一行对应分别是： 1. 项目名字 2. 项目描述 3. 作者 4. ES6代码风格检查器（需要就Y,不需要就N,建议新手N） 5. preset预设的选项，直接回车就好 6. 单元测试（如果基于界面测试选N） 7. e2e tests（选择N就好，目前没查为啥） *以上的配置会在项目的package.json配置里* 这样

单页Web应用（single page web application，SPA），就是只有一张Web页面的应用，是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。 提供一个官方命令行工具，可用于快速搭建大型单页应用（SPA）。该工具为现代化的前端开发工作流提供了开箱即用的构建配置。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目： 1 # 全局安装 vue-cli 2 ＄ npm install --global vue-cli 3 # 创建一个基于 webpack 模板的新项目 4 ＄ vue init webpack my-project 5 # 安装依赖，走你 6 ＄ cd my-project 7 ＄ npm install 8 ＄ npm run dev 注意：CLI 工具假定用户对 Node.js 和相关构建工具有一定程度的了解。如果你是新手，我们强烈建议先在不用构建工具的情况下通读指南，在熟悉 Vue 本身之后再使用 CLI。 1.1、环境搭建 1.1.1、安装node.js 从n ode.js官网 下载并安装node，安装过程很简单，一路“下一步”就可以了。安装完成之后，打开命令行工具(win+r，然后输入cmd)，输入 node -v，如下图，如果出现相应的版本号，则说明安装成功。 如果安装不成功

webpack 是什么？ 打包工具 （静态资源打包工具） webpack 的特点？ js依赖进行整合处理 （打包整合） 一些预处理的sass，less可以在环境中进行编译 （转换） 可以对js、html、图片等进行压缩 （优化） webpack的核心？ entry 入口文件 // 好比main.js output 出口文件 // 好比dist 打包之后的文件夹 plugin 插件 // 自动生成html文件等插件 loader 转换器 // sass less 转换成我们想要的文件类型 dev-serve 服务器 // 使我们webpack在本地运行 服务 mode 模式 // 可以切换开发环境 和 生成环境 webpack 手动搭建步骤 创建一个文件夹，然后在小黑框进行安装 npm install webpack --save-dev npm install webpack-cli --save-dev 确认 当前环境有没有 webpack -v 在想要成为 打包文件的文件夹中，使用 npm init -y 初始化一个package.json 创建一个src，src下面创建一个index.html ,里面加一个div div随便起一个 id 名字，让引入bundle.js < ! DOCTYPE html > < html lang = "en" > < head > <

转载： https://segmentfault.com/a/1190000014509984 一、安装插件： cnpm install jquery -- save cnpm install bootstrap -- save cnpm install popper.js --save 二、全局注册： 　　1、配置 webpack.base.conf.js或者\build\webpack.base.conf.js 　　（1）cli小于3.0 // 在顶部添加 const webpack = require('webpack' ) // 在module.exports = {}末尾添加下面代码 module.exports = { ... plugins: [ new webpack.ProvidePlugin({ $: "jquery" , jQuery: "jquery" }) ] } 　　（2）cli大于3.0 const webpack = require('webpack' ) module.exports = { configureWebpack: { plugins: [ new webpack.ProvidePlugin({ $: "jquery" , jQuery: "jquery" }) ] } } 　　2、main.js import $ from

1.nodejs官网对应下载（我的电脑对应的是64位的）。https://nodejs.org/en/download/ 2.下载之后开始安装： 点击next按钮 点击next 点击next，进入下边的界面，点击install 安装之后会进入此处页面，点击finish即可： 到此处就是nodejs已经安装成功了，现在可以运行cmd查看下nodejs的版本信息。win+r 3.现在nodejs和npm都有了，还需要安装下webpack。 （如果需要安装cnpm：命令行：npm install -g cnpm --registry=https://registy.npm.taobao.org） webpack安装：npm install webpack -g 安装完成后，查看版本信息即可： webpack -h 来源： oschina 链接： https://my.oschina.net/u/4270565/blog/3685734

参考:https://blog.csdn.net/suiyuehuimou/article/details/74143436 https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/00143450141843488beddae2a1044cab5acb5125baf0882000 node.js 版本号V8.11.2 npm 版本号 V5.6.0 安装node.js 由于Node.js平台是在后端运行JavaScript代码，所以，必须首先在本机安装Node环境。 1.首先我们要到nodejs官网（ https://nodejs.org ）上下载node，我们选择使用人数最多的版本 2.下载完成后，直接运行安装程序，可以修改下安装路径（建议别安装在系统盘），我安装到了D:\\Program Files\，剩下的就一直点下一步； 3.安装完成后，win+R打开cmd,输入node -v，如果可以看到版本号，恭喜你安装成功了！ C:\WINDOWS\system32>node - v v8. 11.2 安装npm 在正式开始Node.js学习之前，我们先认识一下npm。 npm是什么东东？npm其实是Node.js的包管理工具（package manager）。

这个装了一整天，装了卸，卸了装 1.node安装 首先在nodejs官网下载，并一步步安装： https://nodejs.org/en/ nodejs安装完成后，会自动安装npm管理工具，cmd控制台下使用命令查看各自版本： node -v npm -v 2.cnpm安装 npm install -g cnpm --registry=https://registry.npm.taobao.org 3.安装依赖工具 cnpm install -g http-server webpack gulp pm2 cnpm i react --save //本地安装。程序正常运行需要的包。 cnpm i react --save-dev //本地安装，放在package.json的devDependencies里面。开发环境需要的包。 npm config set proxy=http://dev-proxy.oa.com:8080 npm i -g npm-check npm-check -gu //全局 npm-check -u //本地 4.运行项目 安装项目缺少的包： cnpm install -g 包名（例如express） 在项目目录下运行控制台运行： cnpm install 这个操作会将本地依赖的包放到该项目目录下，之后运行： cnpm start 运行完后

因为npm安装插件是从国外服务器下载,受网络影响大,经常下载缓慢或出现异常 同时避免一些坑，就没按照网上的方法使用cnpm，而是改动npm的镜像源 阿里在国内搭建了镜像服务器: http://npm.taobao.org npm config set registry https://registry.npm.taobao.org --global npm config set disturl https://npm.taobao.org/dist --global 改动完成后，查看本地镜像源 npm config get registry 安装新版Vue CLI3 npm install -g @vue/cli 查看版本呢 vue --version Reference： https://blog.csdn.net/a249040113/article/details/81567430 https://blog.csdn.net/huiqingshuiping/article/details/102823143 https://juejin.im/post/6878194344273117192 https://www.cnblogs.com/chase-star/p/10455703.html https://zhuanlan.zhihu.com/p/144946960 来源：