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访问项目

学习网站

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容