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

使用终端安装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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容