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

2017-08-12  本文已影响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

上一篇下一篇

猜你喜欢

热点阅读