vue-cli安装、node-sass安装、mintUI组件库安装

简介: 其实vue里面很多插件的安装和使用都是类似的,所以这里抛砖引玉,拿出几个案例出来理解一下就好。1、使用淘宝npm镜像很多安装失败的原因就是因为国内网络限制因素,所以使用淘宝镜像有利于解决这方面问题。

其实vue里面很多插件的安装和使用都是类似的,所以这里抛砖引玉,拿出几个案例出来理解一下就好。

1、使用淘宝npm镜像

很多安装失败的原因就是因为国内网络限制因素,所以使用淘宝镜像有利于解决这方面问题。(已经科学上网的同学可以跳过)。

# 安装cnpm
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
# 使用
$ cnpm install [packagename]

2、安装vue-cli
官网写得很详细了,照着敲。

# 安装cnpm
# 全局安装 vue-cli
$ npm install --global vue-cli
# 创建一个基于 webpack 模板的新项目,项目名为my-project
$ vue init webpack my-project

# 进入到项目名为my-project的文件夹里
$ cd my-project

# 安装依赖,走你
$ npm install

# 运行
$ npm run dev

3、安装node-sass
(网不好用cnpm)

$ cnpm install node-sass --save-dev

# sass-loader用来处理sass文件
$ cnpm install sass-loader --save-dev

然后:

<style lang="scss" scope>
/*输入你的sass代码*/
</style>

4、mintUI安装
npm(cnpm)安装

$ cnpm install mini-ui -save-dev

import Vue from 'vue'
import App from './App.vue'

//引入
import MintUI from 'mint-ui'
import 'mint-ui/lib/style.css'

//要记得use一下,然后就可以在全局中使用了
Vue.use(MintUI)

5、其实各类插件、库等安装的方法都大同小异,理解理解就好。

参考学习
https://npm.taobao.org/
https://cn.vuejs.org/v2/guide/installation.html
https://doc.webpack-china.org/loaders/sass-loader
http://mint-ui.github.io/docs/#/zh-cn2/quickstart

目录
相关文章
|
2月前
|
Web App开发 缓存 JavaScript
【安装指南】nodejs下载、安装与配置详细教程
这篇博文详细介绍了 Node.js 的下载、安装与配置过程,为初学者提供了清晰的指南。读者通过该教程可以轻松完成 Node.js 的安装,了解相关配置和基本操作。文章首先介绍了 Node.js 的背景和应用场景,随后详细说明了下载安装包、安装步骤以及配置环境变量的方法。作者用简洁明了的语言,配以步骤图示,使得读者能够轻松跟随教程完成操作。总的来说,这篇文章为初学者提供了一个友好的入门指南,使他们能够顺利开始使用 Node.js 进行开发。
140 1
【安装指南】nodejs下载、安装与配置详细教程
|
3月前
|
前端开发
前端毕业设计|基于Vue+Nodejs实现游戏资讯平台(二)
前端毕业设计|基于Vue+Nodejs实现游戏资讯平台
|
2月前
|
消息中间件 Web App开发 JavaScript
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
70 0
|
10天前
|
JavaScript Windows
NodeJS 安装及环境配置
NodeJS 安装及环境配置
|
19天前
|
Linux 开发工具 git
node使用nrm 管理托管node的安装源
node使用nrm 管理托管node的安装源
32 1
|
1月前
|
Web App开发 JavaScript 前端开发
Windows 10上安装Node.js的初学者指南
Node.js是是一个强大的JavaScript运行时环境,建立在Chrome的V8 JavaScript引擎上,让你能够在服务器端运行JavaScript。 通过本教程,你将学会如何设置Node.js和npm(节点包管理器等现代Web开发的必备工具。无论你是希望构建Web应用程序、创建服务器端脚本,还是涉足全栈开发,安装Node.js都是你的第一步。那么,让我们开始吧!
|
2月前
|
JavaScript
记录安装nodejs遇到的问题及解决
最近在搭建网站,需要用到nodejs,在配置的时候遇到3个问题,经过搜索和自己思考,把遇到的问题和解决方案记录下来,以供参考
|
2月前
|
JavaScript Windows 内存技术
通过Nvm安装和管理NodeJS
通过Nvm安装和管理NodeJS
100 0
通过Nvm安装和管理NodeJS
|
2月前
|
Web App开发 JavaScript 前端开发
构建现代Web应用:Vue.js与Node.js的完美结合
在当今快速发展的Web技术领域,选择合适的技术栈对于开发高效、响应迅速的现代Web应用至关重要。本文深入探讨了Vue.js和Node.js结合使用的优势,以及如何利用这两种技术构建一个完整的前后端分离的Web应用。不同于传统的摘要,我们将通过一个实际的项目示例,展示从搭建项目架构到实现具体功能的整个过程,着重介绍了Vue.js在构建用户友好的界面方面的能力,以及Node.js在处理服务器端逻辑和数据库交互中的高效性。通过本文,读者不仅能够理解Vue.js与Node.js各自的特点,还能学习到如何将这两种技术融合应用,以提升Web应用的开发效率和用户体验。
|
2月前
|
JavaScript 内存技术
nvm安装和切换node使用版本
nvm安装和切换node使用版本