npm命令总结

npm安装命令总结

1. 初始化命令,会自动创建一个package.json文件,里面保存了安装信息;

npm init -y

2.安装vue-cli脚手架命令.
说明:前面加c是代表用淘宝 NPM 镜像安装,因为这是国内接口,安装稳定;-g是代表全局安装(注意是一个"-“一般是工具类才这样安装,一次安装即可,后面都可以用,比如:cnpm,nodemon,json-server,vue-cli;还有另一种是–save,这里是两个”-",代表本地安装,只在安装的项目中使用,它会保存到package.json文件中,安装完后会多一个node_modules文件夹)

cnpm install -g @vue/cli

3.开启vue-cli服务器.

npm run serve
# OR
yarn serve

4.安装vue第三方插件vue-resource插件,它依赖于vue,这个插件相当于vue的ajax插件,现在已经被官方弃用,建议使用axios.

cnpm install vue-resource --save 

5.这个插件相当于vue-ajax插件,它是一个独立的插件,不依赖于vue.(这个比上面好用,建议用这个axios发ajax请求)

$ cnpm install axios --save

6.npm安装bootstrap教程,但这个安装之前要先安装jq,命令:npm install --save jquery popper.js

cnpm i bootstrap --save

7.安装json-server,它是一个json服务器文件,安装之后 结合 xxx.json 即可开启(开启服务器命令:json-server --watch db.json) ,可以实现增删改查(get post delete put)的服务,非常方便和简单.

npm install -g json-server

8.安装element-ui,它是一个ui框架跟bootstrap很像,这个是国内开发的,很受欢迎.

npm i element-ui -S

s是save的缩写

9.安装sass预处理器

cnpm install -D sass-loader node-sass

10.安装moment.js时间插件

cnpm install moment --save

11.安装echarts

cnpm install echarts --save

12.安装vuex

cnpm install vuex --save

13.mpvue创建项目

# 1. 先检查下 Node.js 是否安装成功
$ node -v
v8.9.0

$ npm -v
5.6.0

# 2. 由于众所周知的原因，可以考虑切换源为 taobao 源
$ npm set registry https://registry.npm.taobao.org/

# 3. 全局安装 vue-cli
# 一般是要 sudo 权限的
$ npm install --global vue-cli@2.9

# 4. 创建一个基于 mpvue-quickstart 模板的新项目
# 新手一路回车选择默认就可以了
$ vue init mpvue/mpvue-quickstart my-project

# 5. 安装依赖，走你
$ cd my-project
$ npm install
$ npm run dev

14.安装 cnpm 命令
(附上下载node地址：https://nodejs.org/en/download/)

 npm install -g cnpm --registry=https://registry.npm.taobao.org

15.安装webpack命令

cnpm install webpack -g

16.全局安装react脚手架

cnpm install -g create-react-app

17.react脚手架创建项目

create-react-app 项目名