使用vue-cli开发web的基础(一)-环境配置安装

Vue 安装:

使用vue-cli脚手架开发项目,vue-cli是基于node.js,首先安装配置node.js

    (1-0) window系统直接下载安装 https://nodejs.org/en/download/current/

    (1-1) Mac上推荐使用homebrew软件包管理器安装,如未安装homebrew,先安装 https://brew.sh/index_zh-cn.html, 然后brew install node,等待..

    (2) 安装完node后建议更换npm淘宝镜像加速后面的过程,打开终端/命令行工具,执行下面两条命令

    npm config set registry https://registry.npm.taobao.org --global 

    npm config set disturl https://npm.taobao.org/dist --global

    (3)使用脚手架vue-cli构建项目,执行下面命令行,全局安装vue-cli

    npm install --global vue-cli

    (4)创建使用项目:

    vue init webpack projectName

    填写配置一下信息

    ? Project name (vue-project)  输入项目名称

    ? Project description (A Vue.js project)  输入项目详情/介绍  

    ? Author  作者 直接回车

    ? Vue build (Use arrow keys)   构建vue

    ❯ Runtime + Compiler: recommended for most users   运行+编译  直接回车

    Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specific H

TML) are ONLY allowed in .vue files - render functions are required elsewhere  仅仅运行时

    ? Install vue-router? (Y/n)  是否导入vue-router , 一般项目都会使用, 直接输入Y

    ? Use ESLint to lint your code? (Y/n)  是否使用ESLint检测代码,建议别使用, 输入N

    ? Set up unit tests (Y/n)  是否单元测试 ? 根据需求选择

    ? Setup e2e tests with Nightwatch? (Y/n)  是否使用nightwatch来e2e测试? 根据需求选择

    ? Should we run `npm install` for you after the project has been created? (recom

mended) (Use arrow keys)

    ❯ Yes, use NPM   // 选择使用NPM

       Yes, use Yarn 

        No, I will handle that myself 

    然后等待下载安装完成 然后cd到项目 

    cd projectName

     运行项目

     npm run dev

    安装其他三方库  npm install vue-resource -S