0%

vue脚手架

vue只用关心数据本身,不用再频繁繁琐的操作dom(注册事件、监听事件、取消事件等)。

安装前准备

  1. 安装node
    • node -v 查看node版本
    • npm是集成在node中的,npm -v 查看npm版本
    • Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。
    • Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。
  2. 安装cnpm
  3. 安装webpack
    • npm install webpack -g
    • webpack -v
    • webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle。
  4. 安装vue cnpm install vue
  5. 安装vue-cli脚手架构建工具 cnpm install –global vue-cli
  6. 创建一个基于webpack模板的新项目 vue init webpack project-name
  7. 安装依赖 cnpm install
  8. 运行项目 cnpm run dev