日常学习日志

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