vue-cli搭建vue项目

搭建项目之前检查node是否安装，打开cmd以管理员身份运行，输入命令node-v 查看版本，如果没有请到node官网下载安装https://nodejs.org/zh-cn/

vue-cli2搭建vue项目

   1.安装vue-cli2
      打开cmd输入命令npm install --global vue-cli
        安装好之后打开C:\Users\Administrator\AppData\Roaming\npm 可以看到这个文件夹下已经有相关的脚本文件
    2.创建项目
        cmd命令打开自己的空间
         输入命令： vue init webpack kiku   (kiku 为项目名称)
    3. 进入项目目录 

          生成依赖  命令：npm install
    4.运行命令：npm run dev

5项目打包命令：npm run build

vue-cli3搭建vue项目

检测node版本： node -v
查看npm安装 ： npm -v
卸载vue-cli2: npm uninstall vue-cli -g  
安装vue-cli3:  npm install -g @vue/cli
检测vue-cli版本 ： vue -V
vue-cli3创建项目：vue create myproject  （myproject项目名称）
vue-cli3启动项目：npm run serve

vue-cli3项目打包命令：npm run build

 

vue2.0 和vue3.0 区别

1.运行方式：
    2.0是通过:npm run dev
    3.0是：npm run serve
2.文件夹目录：
   3.0取消掉了config目录、build目录、static目录
   3.0的安装项目时自动下载node-model
    vue.config.js需要手动添加。
3.创建项目方式：
    3.0的安装：vue create 3.0test；(项目名)
    2.0的安装：vue init webpack  2.0test(项目名)