美文网首页
vue的脚手架安装和淘宝自适应

vue的脚手架安装和淘宝自适应

作者: 半世韶华忆阑珊 | 来源:发表于2017-08-12 17:53 被阅读0次

    使用终端安装vue的脚手架 

    vue init webpack “项目名称”

    $ vue init webpack studentproj//命令会自动创建

    “studentproj”文件夹以及下载相关的配置文件//

    进入到“studentproj”项目文件夹里面$ cd studentproj//

    使用命令运行项目$ npm run dev//

    webpack会自动开启服务器和自动打开浏览器,并且自动监听文件修改刷新浏览器开发源文件目录“src”//

    基本上所有.vue组件文件都写在“src”目录下//

    根据项目需要在“src”下划分其他目录//

    如按功能分类“首页”“会员”“分类”“购物车”“我的”,在“src”目录下新建对应的文件夹“homePage”,“memberPage”等等//

    公共组件模块可以写在“common”目录下配置路由--------------------------------------------//

    在“src/router/index.js”文件导入模块使用import在routes:[]中配置路径path和对应要渲染的组件component淘宝手机屏幕检测下载stylus文档npm install stylus-loader stylus --save-dev

    相关文章

      网友评论

          本文标题:vue的脚手架安装和淘宝自适应

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