vue一套操作猛如虎

专注成就自我

已于 2022-04-20 20:18:16 修改

阅读量108

点赞数

文章标签： vue npm

于 2021-04-13 15:49:08 首次发布

本文链接：https://blog.youkuaiyun.com/whs15193553607/article/details/115670439

版权

本文详细介绍了前端开发中常用的npm命令，包括安装npm、cnpm、vue-cli、webpack，以及创建、安装、启动、打包项目的过程。此外，还提到了nps-cli用于管理scripts命令以及Electron的安装，是前端开发者快速上手的实用教程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.安装npm
npm -v
2.由于网络原因安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
3.安装vue-cli
cnpm install -g @vue/cli
4.安装webpack
cnpm install -g webpack
(webpack 是JavaScript 打包器)
5.创建项目
vue ui 或vue create
6.安装项目
npm install
（1）.npm install本地安装
（2）.npm install -g全局安装
a会把msbuild包安装到node_modules目录中
b会在package.json的dependencies属性下添加msbuild
c之后运行npm install命令时，会自动安装msbuild到node_modules目录中
d之后运行npm install --production或者注明NODE_ENV变量值为production时，会自动安装msbuild到 node_modules目录中
（3）.npm install --save
7.启动
npm run serve
8.打包
npm run build
9.查看当前 scripts 的命令
$ npm install -g nps-cli
nps-cli 提供 3 个命令：
nps ls 列出当前 scripts 的命令
nps set key=value 在 scripts 中设置一个命令
nps remove key 删除 scripts 中对应的命令
10.安装Electron
cnpm install -g electron
（我测试了好像可以只能使用cnpm,所以需要先安装cnpm。）