从零搭建Vue项目

一、安装node环境

  1. 点击链接，在官网下载。https://nodejs.org/zh-cn/download/

  2. 在cmd中检测版本：输入命令node -v

  1. 在安装node的同时会安装一个npm
  • npm：Node Package Manager，即node包管理器。解决NodeJS代码部署上的很多问题。

在cmd中检测版本：输入命令npm -v

二、用vue-cil 搭建项目

  1. 安装vue-cil : npm install -g vue-cli
    vue-cil ：Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。
  2. 使用命令开始初始化创建自己的项目了.
 vue init webpack test

 ? Project name (exprice) ---------------------项目名称

 ? Project description (A Vue.js project)-----------项目描述

 ? Author Datura --------------------- 项目创建者

 ? Install vue-router? Yes

 ? Use ESLint to lint your code? (Y/n) no ---------------------是否启用eslint检测规则，这里个人建议选no

 ? Setup unit tests with Karma + Mocha? (Y/n) no

 ? Setup e2e tests with Nightwatch? (Y/n) no

  1. 按照上述步骤，桌面会有一个test文件夹，里面有以下内容：


  2. 进入项目文件，运行项目：npm run dev

    在浏览器中打开 http://localhost:8080 就能看到了。
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容