VUE- 包含yarn npm的基本使用

最新推荐文章于 2024-04-09 10:48:05 发布

前端方程

最新推荐文章于 2024-04-09 10:48:05 发布

阅读量377

点赞数

本文链接：https://blog.csdn.net/weixin_44040867/article/details/115566048

版权

1、Vue是一个构建用户界面(UI)的js库，是一个构建数据驱动的渐进式框架，vue.js的目标是通过尽可能简单的API实现响应的数据绑定，视图组件化开发。基于MVVM设计模式书写

1、搭建脚手架
yarn global add @vue/cli
2、创建
vue create 项目名(全小写)
vetur插件

3.初始化包管理文件
        npm init
        npm init -y
        npm config set registry https://registry.npm.taobao.org    【设置从淘宝下载】

    4.下载第三方模块
        npm i 模块名   运行依赖
        npm i jquery
        npm i swiper 

        npm i 模块名 -S  运行依赖
        npm i  jquery -S
        npm i swiper -S
        npm i popper.js -S
        npm i bootstrap -S

        npm i 模块名 -D 开发依赖
        npm i webpack -D
        npm i gulp -D
        npm i webpack@5.0 -D

        根据包管理文件一次下载所有依赖
        npm i

        全局安装
        npm i 模块名 -g
        
        npm i yarn -g

yarn
            初始化包管理文件
            yarn init 
            yarn init -y
            yarn config set registry https://registry.npm.taobao.org/    【设置从淘宝下载】

            运行依赖
            yarn add 模块名 -S
            yarn add jquery -S
            yarn add swiper
            开发依赖
            yarn add 模块名 -D
            yarn add webpack -D
            yarn add gulp -D

            全局安装
            yarn global add 模块名
            yarn  global add webpack-cli 

            根据包管理文件一次下载所有依赖
            yarn