Vue(一)vue-cli搭建Vue项目

vue项目搭建

  • vue项目快速搭建工具——vue-cli

  • vue-cli是基于node环境的一个命令行工具。也就是说要执行命令

  1. 安装
    npm install vue-cli -g 安装

  2. 使用

    1. 创建项目文件夹 如:d:/mypro
    2. 进入文件夹,执行命令:vue init webpack [项目名称] 初始化一个vue+webpack项目
? Project name learn
? Project description A Vue.js project
? Author leiyang <leiyang_39@163.com>
? Vue build standalone
? Install vue-router? Yes
? Use ESLint to lint your code? No
? Setup unit tests with Karma + Mocha? Yes
? Setup e2e tests with Nightwatch? Yes
  1. 运行
    1. cd learn在文件夹中,执行npm install 更新项目的依赖模块【node_modules】项目搭建完成!
    2. 命令行进入文件夹,执行令 > npm run dev 以开发模式启动项目服务器
      就可以打开浏览器通过http://localhost:8080访问项目

学习网站

推荐阅读更多精彩内容