https://www.jianshu.com/p/02b12c600c7b 安装vue

1、安装 Yarn - 代替 npm 命令（官网下载）

下载链接：https://yarnpkg.com/en/docs/install#windows-stable

2、配置 Yarn 走 Taobao 源：

yarn config set registry https://registry.npm.taobao.org

3、全局安装 vue-cli

yarn global add vue-cli

4、进入vue项目，进入到创建的项目根目录下

cd XXX

初始化项目

vue init webpack 项目名称

5、安装依赖包

yarn

yarn 是 yarn install 的简写，可直接敲击 yarn ，功能和 npm install 一样
6、最后运行项目

yarn run dev

此时，就在浏览器里看到项目页面了！

另外 yarn 还可以删除一个框架和添加一个框架，对于vue来说确实是特别好用的呢

初始化项目

yarn add init

安装vue

yarn add vue

安装webpack，webpack-dev-server（是一个小型的Node.js Express服务器）

yarn add webpack webpack-dev-server

安装babel，babel的作用是将es6的语法编译成浏览器认识的语法es5

yarn add babel babel-core babel-loader babel-preset-es2015

用来解析vue的组件，.vue后缀的文件

yarn add vue-loader vue-template-compiler

用来解析css

yarn add css-loader style-loader

拓展：css-loader 和 style-loader，二者处理的任务不同，css-loader使你能够使用类似@import 和 url(…)的方法实现 require()的功能,style-loader将所有的计算后的样式加入页面中，二者组合在一起使你能够把样式表嵌入webpack打包后的JS文件中。

用于打包文件和图片

yarn add url-loader file-loader

用于编译sass

yarn add sass-loader node-sass

安装路由

yarn add vue-router

yarn自己升级yarn

yarn upgrade global yarn

yarn的所有命令

yarn -h

yarn的版本号

yarn-V或者yarn --version

yarn 安装vue相关推荐

关于npm和yarn 安装vue脚手架
第一篇博客有点小紧张.轻喷~ 第一步:安装node.js 地址 --------https://nodejs.org/en/ 详细步骤这里就不写了可以去看地址 ----- ...
npm yarn 安装 vue
关于yarn vue-cli 安装 1.安装node 前往node官网下载node 然后安装. 安装完成后 node -V 查看node版本 npm -v 查看npm版本 2.安装淘宝镜 npm co ...
Yarn安装vue脚手架
npm简介 NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题.由于新版的nodejs已经集成了npm,所以npm也一并安装好了. 特点: npm install 很 ...
yarn全局安装vue/cli vue不是内部命令
yarn全局安装vue/cli vue不是内部命令在使用 yarn global add @vue/cli安装 @vue/cli之后执行vue --version 报错:'vue' 不是内部或外部 ...
使用Yarn全局安装@vue/cli，无法执行vue命令的解决方案
使用Yarn全局安装@vue/cli,无法执行vue命令的解决方案使用Yarn全局安装@vue/cli,无法执行vue命令的解决方案使用Yarn全局安装@vue/cli,无法执行vue命令的解决方 ...
Vue.js-Day03-AM【超级详细：Node.js环境安装、安装淘宝镜像（Win、Mac）、安装Vue脚手架、初始化Vue项目-命令解释（Vscode、命令行窗口）、目录介绍、Vue文件介绍】
Vue.js实训[基础理论(5天)+项目实战(5天)]博客汇总表[详细笔记] 目录 1.Node.js-环境安装 1.1.Node.js-详细安装步骤 2.vue-cli脚手架安装 2.1.安装 ...
Ubuntu安装vue环境
1 安装vmware(VMware Workstation v16.1.1),并且安装好ubuntu(本人下载的版本:ubuntu-21.04-beta-desktop-amd64),此处自行查找.安 ...
离线安装vue脚手架，内网安装@vue/cli
公司开发环境使用内网,无法用外网,搭建环境的时候,发现内网系统没有安装vue脚手架,我搜了很多文章,发现他们的方法对我都不适用,然后就自己摸索,最终皇天不负有心人,终于被我安装上了,一下是我内网离线安 ...
如何在Window下安装node\npm\cnpm，并安装vue.js，创建项目
1.安装node.js node.js的官方地址为:https://nodejs.org/en/download/. 根据windows版本后,选择要下载的安装包,下载完毕,按照windows一般应用 ...

yarn 安装vue

初始化项目

yarn 安装vue相关推荐

最新文章

热门文章