美文网首页
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环境安装配置

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