使用终端安装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
网友评论