2020-11-13

Vue的安装和使用

一、安装Node.js

    下载地址：https://nodejs.org/dist/v14.15.0/node-v14.15.0-x64.msi

    官网：https://nodejs.org/zh-cn/

     安装：双击node.exe => next ......=>Install =>finish

    win+r => cmd => path

    

   进入 d: 盘

  安装命令输入：npm install --global vue-cli

  检查vue版本：vue --version

  1.搭建新项目：vue create <Project Name>

      (这是vue-cli3.x的初始化方式，模板是固定的，模板选项可自由配置。)

    

  创建新项目：vue init webpack <项目名称>  

   （这是vue-cli2.x的初始化方式，可以使用github上面的一些模板来初始化项目webpack是官方推荐的标准模板名。）

  2.按下回车键后：

    

    按上下键进行选择，这里选择自定义。

  3.check the features needs for your project   创建项目时自带的功能，按空格键确认选择与不选择，选择后有*。（<a>切换全部，<i>反向选择）

      

 4.Choose Vue version  选择版本

     

 5.按需求选择

    

6.选择 ESLint with error prevention only

   

 7.选择Lint on save

    

8.选择 package.json

   

9.

  

10.运行 npm run serve

11.在浏览器地址栏输入http://localhost:8080