Vue实战学习日记(一)
- vue-cli脚手架创建项目
- ESLink
- alias 配置别名
- 安装必要的依赖(fastclick,babel-runtime,babel-polyfill)
vue-cli 构建项目(推荐使用)
步骤:
1. vue init webpack project_name
2. 等待download template
3. 执行:
cd project_name
npm run dev 或 npm start
执行完以上三条指令后可以在cmd中看到:Your application is running here :http://localhost:8080
可以再浏览器中查看该网页
ESLink
ESLink 作为ES6代码风格检查器,约束我们编写Javascript,可以规范代码。
alias
alias 为配置别名,方便编写资源路径
alias 在工程build->webpack.base.conf.js中
resolve: {
extensions: [‘.js’, ‘.vue’, ‘.json’],
alias: {
‘@’: resolve(‘src’),
}
假如component 别名指向src目录下的component目录,则可以写成
resolve: {
extensions: ['.js', '.vue', '.json'],
alias: {
'@': resolve('src'),
'component': resolve('src/component');
}
fastclick、babel-runtime、babel-polyfill
fastclick:解决移动端点击三秒延时
使用:
- 在main.js中:import fastclick from ‘fastclick’
- fastclick.attach(document.body);
babel-runtime:对ES语法进行转译
babel-polyfill:该依赖可以让我们使用ES6的api 如:Promise