vite+vue3环境1、安装jQuerynpminstall--savejquery2、在main.ts文件进行配置declareconstwindow:any;importjQueryfrom'jquery';window.$=window.jQuery=jQuery;注意：需要声明window属性；要不然会报错：类型“Window&typeofglobalThis”上不存在属性“$”。3、在

然后按照错误提示进行了npminstall'@vue/compiler-sfc'--save-dev;安装完毕后再次进行npmrunserve还是报以上错误。开始找不同：对比之前搭建的正常项目，发现

--save是在package.json的【dependencies】里面--save-dev是在package.json的【devDependencies】里面依赖安装在package.json的【dependencies

用npm安装模块时，为什么要添加--save-dev或者--save选项？在不添加任何选项的情况下，安装的模块是不会自动出现在package文件中的，而是需要人为手动对模块进行添加。

Webpack配置详解Webpack基础webpack的五个核心概念EntryOutputLoaderPluginsMode安装webpackclinpmiwebpackwebpack-cli-D-D是–save-dev

-D：--save-dev的简写，其包名称及版本号会存在package.json的devDependencies这个里面，而--save则会将包名称及版本号放在dependencies里面。

npminstallxxx】安装但不写入package.json；【npminstallxxx–save】安装并写入package.json的”dependencies”中；【npminstallxxx–save-dev

目录科普小知识npm和cnpm的不同之处package.json中dependencies和devDependencies的不同参数--save和--save-dev的不同一、NPM安装依赖以下命令均在项目根目录运行

安装前请注意步骤一、二框架可能已自带，请先检查步骤一、安装webpack-bundle-analyzer插件npminstallwebpack-bundle-analyzer–save-dev步骤二、在

//node官网下载就行了//查看node版本npm-v//全局安装webpack(指定版本)[email protected]//局部安装webpack//--save-dev是开发时依赖

yarninstallnpminstall安装依赖yarnadd[package]npminstall[package]--save安装开发依赖yarnadd[package]--devnpminstall[package]--save-dev

npminstall--saveaxios--save把模块安装到当前目录下，且模块名加载到package.json的dependencies下npminstall--save-devwebpack，--save-dev

因为我们后续在实际开发中也会使用vue，所以并不是开发时依赖(使用的是–save-dev)np

命令对比命令npmyarnpnpm安装installaddadd安装到dependencies–save默认默认安装到devDependencies-D,--save-dev-D,–dev-D,--save-dev

在使用npminstallpackageName安装模块时，有两种命令，--save-dev和--save都会写入package.json文件中，但是--save-dev会被写入devDependencies

npm，全名NodePackageManager，套件管理工具，package.json会记下你在项目中安装的所有套件。假设在项目中安装lodashnpmi--savelodash这样在dependencies中会出现：如果修改了导入方式：npmi--save-devlodash就会看到lodash跑到了devDependencies中：官方解释：“dependencies”:Packagesre

安装命令1.npmiwebpack-g(-g全局安装,--save-dev安装到本目录)2.pmiwebpack-cli-g//是一个插件命令1.webpack-v//查看2.npmrihttp-server-g

savenpminstallvux-loader--save-devnpminstalllessless-loader--save-dev–save会存放到package.json中的”dependencies”，而–save-dev

使用axios的前奏：安装axiosnpminstallaxios–save-dev在main.js里引入axiosimportaxiosfrom'axios'引入之后，在组件里还是不可以使用axios

--save-dev开发依赖。会把依赖包名称添加到package.json文件devDependencies键下--save运行依赖。添加到package.json文件dependencies键下

文章の目录背景一、npminstall--savemoduleName命令二、npminstall--save-devmoduleName命令三、npminstall-gmoduleName命令四、npminstallmoduleName命令写在最后背景在进行项目开发时，有许多新手小伙伴不理解一些常见的用npm安装包的命令，让我大跌眼镜，下面将详细讲解以下四个命令的异同点；npminstall--

原文链接：https://blog.csdn.net/sunhuaqiang1/article/details/88641841npminstallX会把X包安装到node_modules目录中不会修改package.json之后运行npminstall命令时，不会自动安装XnpminstallX--save会把X包安装到node_modules目录中会在package.json的dependen

安装必要的包karma、karma-jasmine、karma-chrome-launcher、jasmine-core、angular、angular-mocks使用命令：npminstall-g包名--save-dev

npminstall、npminstall--save与npminstall--save-dev全是把某个包安装到node_modules目录下，区别如下：通常认为npminstallXXX是只安装包,不修改package.json里的dependencies和devDependencies。而npminstallXXX--save和npminstallXXX--save-dev是在安装包的同时分

vue2vue3createdemovue3vue3createdemovue2+webpackvue2initwebpackdemovue3+viteyarncreatevitedemo--templatevuesasscnpm下载--save-dev

：npminstallxxx–-global(-g)yarnglobaladdxxx安装包：npminstallxxx–save(-S)yarnaddxxx开发模式安装包：npminstallxxx–save-dev

对比如下：/npminstallxxx--savenpminstallxxx--save-dev简写：npminstallxxx-Snpminstallxxx-Dpackage.json中位置：dependencies对象中devDependencies对象中环境：生产环境。发布仍需要的依赖包开发环境。本地运行代码所需要的依赖包例子：vue。线上时必须要使用的，所以要放在dependencies下

WebGLRendererWebGLRenderer实例化three.js学习个人博客地址：包安装"three":"^0.153.0"命令：npminstall--savethree–save(项目依赖包）--save-dev

进入项目文件夹，然后安装（这里以stylus为例）stylus和stylus-loader，安装后面需要加上--save-dev，这样才会被添加到packjson文件中。

npminstall-Sfile-savernpminstall-Sxlsxnpminstall-Dscript-loader-S、-D具体意义如下：-S=>--save（包名会被注册在package.json的dependencies里面，在生产环境下这个包的依赖依然存在）-D=>--save-dev

-save-dev是指将包信息添加到devDependencies，表示你开发时依赖的包裹。-save是指将包信息添加到dependencies，表示你发布时依赖的包裹。

安装axios,qsnpminstallaxios–save-dev安装qsnpmin

--save-dev安装的包将会存在package.json的devDependenc

两种命令把他们写入到package.json文件里面1.安装使用--save-dev简写为-D的插件是被写入到devDependencies对象里面。

npm卸载插件npmuninstall[-g][--save-dev]cnpm安装npminstallcnpm-g--registry=https://registry.npm.taobao.org

i表示install,-D就是--save-dev这样安装的包的名称及版本号就会存在package.json的devDependencies这个里面,这里指定了版本3、npmuninstall@vue/

一、安装yarn(1)下载node.js,使用npm安装npminstall-gyarn(2)查看版本yarn--version(3)yarn淘宝源安装yarnconfigsetregistryhttps://registry.npm.taobao.org-gyarnconfigsetsass_binary_sitehttp://cdn.npm.taobao.org/dist/node-sass-

-D,--save-dev:Package

S(--save的简写)：生产环境，D(--save-dev的简

安装依赖过程中，--save和--save-dev的区别--save-dev指将包信息添加到devDependencies，表示你开发时的依赖。

npminstallX、--save、--save-dev使用说明npminstallX:会把X包安装到node_modules目录中不会修改package.json之后运行npminstall命令时，

webpack以及webpack-cli下载模块指令npminstallwebpackwebpack-cli--save-dev或者npmiwebpackwebpack-cli-D-S保存到本地配置信息中--save-dev

（这里需要强调一下，安装环境的使用一定要-save-dev或者是-save，否则欲哭无泪啊）很明显，这是node一些包的版本对应不上的问题。。。

1.安装插件有时候加了--save-dev之后vue会加载错误，那就去掉--save-devnpminstallmockjs--save-dev2.在main.js平级目录下创建mock.jsconstMock

[TOC]WebPack中文文档局部开发模式安装npminstallwebpackwebpack-cli--save-devyarnaddwebpackwebpack-cli-D(-D换--save-dev

npminstall和npmi是一样--save和-S是一样--save-dev和-D是一样的区别:--save和-S安装运行依赖--save-dev和-D安装开发依赖（只是开发阶段使用）在package.json

安装gulpnpminstall-ggulpnpminstall--save-devgulp题外话：--save-dev安装到开发环境，对应package.json里面的devDependencies；

-D就是--save-dev简写，会将包的名称及版本号放在devDependencies里面这个里面dependencies：生产环境使用devDependencies：开发环境使用npminstallxxx-g

npminstall--global效果等同于npminstall-g全局安装模块不会将模块依赖记录在dependencies或devDependencies对象中运行npminstall初始化项目时不会下载模块例如我在任意目录下运行如下代码：npminstall--globalcowsayimage报错了，不要紧，这是指我的npm安装在默认目录，没有权限访问。我用管理员权限再运行一次，就好了：i

save-devnpminstallnode-sass--save-dev备注：1.使用命令--save或者说不写命令--save，都会把信息记录到dependencies中；dependencies中记录的都是项目在运行时需要的文件；2.使用命令--save-dev