npm--vue--vue-cli

npm火速上手 - 表严肃讲npm,视频链接

npm的安装与更新

  1. 网页链接输入nodejs.org
    点击download,下载自己需要的版本(注意鼠标滑动,选择版本即可,点击会直接下载)
    在这里插入图片描述

  2. 打开下载好的文件,开始安装,一直下一步即可;

  3. 安装完成之后,验证一下是否安装成功
    (1)打开终端:win+r,输入cmd,回车;
    (2)输入npm -v或者node -v,如果输出了版本号,则安装成功;
    (3)如果要手动更新:npm install npm@latest -g

     如果你有确定要更新的版本号就写成:npm install npm@5.4.0 -g
     如果输入latest,则代表为最近的稳定版本;
     -g:安装到全局;
     若长时间没反应,则Ctrl+c,打断一下,重新运行一次;
    

npm的常用操作

  1. 使用命令行窗口打开项目所在目录,输入相应代码

     cd 目录
     npm init -y	//	输入-y或者--yes可以免去回答问题,代表问题的答案都是yes;
     				//	运行完这个命令之后项目会生成package.json文件
     npm i jquery	//添加包或者添加依赖,默认为最新版本
     npm i jquery@3.0.0		//添加指定版本的依赖
     //	先到npm里面搜索是否有这个东西,有的话,它会帮你把它下载下来,放到项目的node_modules文件夹内,会有一个对应的文件夹,里面有对应的内容,就完成了;
     npm uninstall jquery	//删除包或者删除依赖
     在老版本里面,添加依赖的时候要写成npm i jquery --save,才会将依赖信息保存到package.json文件内,新版本就不需要写也会默认保存到package.json
     若要更新某个依赖:npm update jquery
    
  2. npm init
    npm init 不加-y时
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

vue-cli

  1. vue-cli
  2. 在你项目工作空间处,也就是你新建项目会放在哪里,就用命令行窗口打开该目录,或者使用Git Bash也可以,安装vue-cli,在命令行窗口内输入npm install -g @vue/cli,如若之前安装过,就先npm uninstall vue-cli -g,卸载一下再安装,详细描述可以参考第一点的链接。然后通过vue -V来检验是否安装成功,若返回版本号即为成功。

开发

如果要开发vue的组件化项目
1、下载安装nodejs,如上步骤;
2、创建一个普通项目之后,使用命令行窗口打开项目所在目录,然后输入npm init -y,然后加载你项目需要的依赖即可,如npm i vue


如果要开发vue-cli的项目
1、新建一个空项目,使用命令行窗口打开项目所在目录;
2、输入vue create .创建vue-cli项目,选择在当前目录下创建项目,然后选择手动配置,勾选自己需要添加的依赖,然后默认下去即可,或者根据自己的需要选择自己要的选项,最后等待创建完成即可。
3、涉及到路由的时候,还需要自己添加vue-router依赖,npm i vue-router。


额外知识

  • 开源库下载网址:www.bootcdn.cn
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值