初探Vue项目,TodoList

284 阅读1分钟

从零开始,创建一个前端工程。

1.怎么使用npm

2.怎么使用webpack

3.怎么使用vue编写项目

4.css模块化(stylus在项目中的使用)

一、项目初始化

  1. init初始化
  • 下载安装Node.js,Node.js安装完毕,在命令行使用node -V 命令。如果出现node的版本即安装成功,Node.js包含了npm。

  • 新建一个项目文件夹vue-todo。

  • 使用npm init -y初始化项目,会生成package.json文件。

  • init: 项目初始化

  • -y: 使用默认配置选项

  • 这里,我们需要使用webpack来打包,因此我们需要安装webpack和webpack-cli

  • /

  • 安装webpack

  1. 安装webpack

二、编写项目入口

三、webpack的基本配置

四、使用vue-loader打包vue文件

五、其他常用的loader

六、插件的

七、开发环境

八、生产环境

九、解析ES6语法

十、需求分析与设计

十一、TodoList实现