美文网首页
vue环境安装配置

vue环境安装配置

作者: yaoyao妖妖 | 来源:发表于2018-07-04 08:50 被阅读57次

1.Mac下vue开发环境的搭建步骤以及新建项目总结https://www.jianshu.com/p/2273e26ff6e8
https://www.jianshu.com/p/5ba253651c3b
安装element-ui(UI组件)
http://element-cn.eleme.io/#/zh-CN/component/installation
安装sass(CSS 预处理器)
可以先下载一下淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm i sass-loader node-sass --save-dev

2.Intellij IDEA安装vue插件
https://www.cnblogs.com/aaron-pan/archive/2017/07/13/7160129.html

3.Intellij IDEA搭建vue-cli项目
https://www.jianshu.com/p/dc087bf01475

4.Idea导入vue项目noude_modeles被忽略文件的恢复
https://blog.csdn.net/emma_cola/article/details/79054178

5.vue项目结构
http://www.php.cn/js-tutorial-384248.html
https://blog.csdn.net/u013778905/article/details/53864289

6.idea运行vue项目
https://blog.csdn.net/sinat_21184471/article/details/80114781

注:使用:
1.创建一个新的vue项目
在命令行工具cmd,或者Intellij IDEA的Terminal中进入想要构建项目的目录,输入vue init webpack project-name,回车

webpack默认版本为2.0,若要指定1.0,需在webpack后加上#1.0,即vue init webpack#1.0 project-name

屏幕快照 2018-07-04 10.39.52.png

安装项目中经常使用的
cd到vue项目的根目录下面
安装命令

#stylus
npm install stylus stylus-loader --save-dev
#vue-material
npm install vue-material --save
#muse-ui
npm i muse-ui -S

在mian.js

import materialicons from 'material-icons'
import MuseUI from 'muse-ui'
import 'common/style/muse-ui.css'
import fastclick from 'fastclick'

Vue.use(MuseUI)
Vue.use(materialicons)

安装后命令

npm install
npm run dev

相关文章

  • vue+iview搭建项目

    1、安装配置vue 前提是已经安装并配置好node和npm环境,先搭建vue脚手架 vue-cli # 全局安装 ...

  • 前端实践VUE

    1:环境搭建 首先我们需要配置下环境,安装node.js,可以方便编译vue文件,配置vue-cli,配置淘宝镜像...

  • vue2.0环境的配置

    Vue开发环境的配置 安装Nodejsnpm install nodejs 安装webpacknpm instal...

  • vue 环境搭配

    vue.js的运行环境配置主要分为3步: 1.安装Node.js(JavaScript运行环境) 2.安装Vue....

  • vue环境搭建

    安装运行环境 大概的步骤 打包 目录结构解析 WebStorm配置Vue开发环境

  • Vue.js 初探

    vue 环境安装 vue 项目初始化 vue 项目结构 vue 环境安装 vue需要npm命令安装安装node环境...

  • NodeJs、VueJs入坑

    NodeJs、VueJs入坑 Windows安装使用: NodeJs常用配置或者命令: 配置Vue环境 Eslin...

  • react与vue的对比篇(1)

    先从vue和react的环境配置安装开始讲,在配置环境前请确保已经安装node 1.设置淘宝镜像: npm ins...

  • Mac 下 VSCode配置react环境

    1.下载node,配置webpack。下载和配置环境请参照我上一篇mac安装vue环境。2.要安装create-r...

  • 快速创建VUE项目

    1、安装node 2、配置node环境变量并安装cnpm 3、安装VUE 4、进入你想要创建VUE项目的文件夹打开...

网友评论

      本文标题:vue环境安装配置

      本文链接:https://www.haomeiwen.com/subject/nptsuftx.html