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

1、使用淘宝npm镜像 在node中很多安装失败的原因就是因为国内网络限制因素,所以使用淘宝镜像有利于解决这方面问题。(使用了翻墙、vpn,用install命令行可以正常安装的可以跳过)。

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

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

# 全局安装 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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏云计算教程系列

如何在Ubuntu 14.04上更改PHP设置

PHP是一种服务器端脚本语言,被许多流行的CMS和博客平台使用,如WordPress和Drupal。它也是流行的LAMP和LEMP堆栈的一部分。在设置基于PHP...

2930
来自专栏前端那些事

nvm管理不同版本的node和npm

写在前面 nvm(nodejs version manager)是nodejs的管理工具,如果你需要快速更新node版本,并且不覆盖之前的版本;或者想要在不同的...

2758
来自专栏Coding01

VUE 完整项目构建 -- 进阶篇

执行下述代码,即可完成项目基础构建(已配置好webpack、依赖包的安装、基本目录的生成)。

1052
来自专栏容器云生态

Ansible基本配置以及使用示例

##Ansible基本使用以及模块详解 准备条件:注意:前提是ansible已经正常安装,并且可以使用 1.在ansible主机上创建ssh公私钥对 ansib...

2319
来自专栏武军超python专栏

2018年8月1日linux中文件管理中各个文件名称的释义

unix/linux文件管理方式: /           unix/linux根目录,unix/linux中所有的设备、文件都存放在这个目录下 /sbin...

813
来自专栏九彩拼盘的叨叨叨

Webpack 加载模块的规则

路径以 . 或 .. 打头,加载相对路径的模块。. 表示当前目录,.. 表示上层目录。 require('./foo.js') 将加载当前文件所在目录的 foo...

973
来自专栏地方网络工作室的专栏

打造前端 Deepin Linux 工作环境——安装 koala css 预编译工具(安装deb包的方法

打造前端 Deepin Linux 工作环境——安装 koala css 预编译工具(安装deb包的方法) koala 是国人开发的一个 css 预编译工具,可...

2416
来自专栏xingoo, 一个梦想做发明家的程序员

Angular2入门体验

好的工具往往使得开发应用更快更简单,而不是任何模块都手动开发。angualr cli就是一个支持 创建工程,添加文件,对各种任务如测试、打包、部署等迭代。 本文...

2896
来自专栏ytkah

dedecms数据库表前缀不一样怎么还原数据

  我们在用dedecms建站时,安装一般都“下一步”直接往下点,这样默认的表前缀是dede_,如果我们要还原从其他地方拷贝过来的数据,一定要注意表头是否一致。...

39111
来自专栏FreeBuf

Nmap扫描对比工具–libnmap实践

帮朋友写一个nmap端口扫描然后与上次扫描进行对比的工具,与crontab结合定期扫描,保存对比数据。 google搜索了一下相关的模块,在freebuf上看到...

2556

扫码关注云+社区