Vue 安装 保姆级教程

Vue 安装

Vue版本

1. 开发版本
   
   完整版 包含完整的警告和调式模式
2. 生产版本
   
   生产版体积很小，把一些非运行需要的 东西 如警告，调试等信息删除了，
   

安装方式

1. 直接用
     生产版：  

2. npm引入
      $npm install vue

• 注意 ：
  • npm安装时 需要安装 node.js 和 npm
    使用node -v命令与npm-v命令查看 node与npm是否安装
    如下所示示
    

4. cli脚手架

• 安装 Vue cli脚手架需要先安装webpack
  • 使用webpack - v 查看webpack是否安装
    
  • 没安装的话 运行npm install --save-dev webpack 安装

---

开始安装cli 脚手架

1. 运行npm install -g vue-cli
   

2. 初始化 vue-cli vue init webpack '项目名称'
   

3. 指定项目名称（注：不能包含大，特殊字符，可以包含数字）

   • 不能包含大写
     
   • 不能包含特殊字符
     
   • 可以包含数字
     
   • 最后我命名的名字是这个
     

4. 输入项目描述
   

5. 作者
   如果是默认账号就回车，不是默认账号就重新输入
   

6. Vue 构造 （用什么方式去构造vue项目）

   1. 运行时 + 编译器 ： 推荐大多数用户使用
      
   2. 仅限运行时:约6KB的轻量级mintgzip，但模板(或任何特定于vue的HTML)只允许在.vue文件中使用，而在其他地方则需要使用函数
      

7. 是否安装vue -router(路由 || 懒加载)
   

8. 是否使用ESLint 来精简你的代码（个人所需， 我选择No）
   

9. 是否设置单元测试
   

10. 是否用Nightwatcch设置e2e测试?
    

11. 是否在项目安装后运行npm安装

    1. 是的 使用npm
    2. 是的 使用YARN
    3. 不，我自己来
       

12. 等待安装
    

13. 安装成功
    

14. 安装完成后的项目目录
    

15. 进入到项目后运行npm install
    使用npm install 安装package.json包中的依赖

16. 使用 npm run dev运行项目
    

17. 复制 http：//localhost：8080 （ 看到如下所示图，则安装成功）
    

---