安装使用Vue 初步搭建项目

  1. 安装node环境
    ① 下载地址为:https://nodejs.org/en/
    ② 检查是否安装成功:cmd输入命令 node -v 或者 npm -v, 如果输出版本号,说明我们安装node环境成功。
    Q: 为什么我们需要安装node呢?
    A: vue.js 是通过 webpack来打包,而webpack 又基于 npm, npm需要nodejs环境。这就是为什么vue.js 还需要安装nodejs环境。具体参考文章 https://www.jianshu.com/p/8b5e85b1e3b9

  2. 搭建vue项目环境,创建vue项目
    1)先创建一个文件夹
    2)在termina中 cd xxx 然后通过vue-cli脚手架进行搭建项目(先安装 sudo npm install --global vue-cli
    3)然后创建vue的项目 vue init webpack 项目名
    Vue build ==> 打包方式,回车即可;
    Install vue-router ==> 是否要安装 vue-router,项目中肯定要使用到 所以Y 回车;
    Use ESLint to lint your code ==> 是否需要 js 语法检测 目前我们不需要 所以 n 回车;
    Set up unit tests ==> 是否安装 单元测试工具 目前我们不需要 所以 n 回车;
    Setup e2e tests with Nightwatch ==> 是否需要 端到端测试工具 目前我们不需要 所以 n 回车;
    4)启动项目 npm run devnpm run start

  3. vue项目目录讲解

参考目录:
https://cloud.tencent.com/developer/article/1493448

你可能感兴趣的:(安装使用Vue 初步搭建项目)