Vue 前瞻 （Vue与脚手架，安装教程）

目录

一、Vue的开发方式分两种:

二、脚手架环境：

三、生成项目包：

四、项目包的使用方式

每日一句

一、Vue的开发方式分两种:

1. 脚本模式: 类似jQuery, 通过引入脚本来完成开发 -- 适合入门阶段

   1. 下载地址: 安装 — Vue.js

2.  脚手架模式: 生产场景中使用, 专业的 工程化 开发模式     

二、脚手架环境：

1. 环境要求: node版本: 12~16
   1. 检查命令: node -v
      1. 

   2. 安装包下载地址: 下载 | Node.js 中文网

2. npm: 包管理工具要求中国镜像
   1. 查看当前镜像: npm get registry
      1. 
   2. 设置镜像的命令: npm set registry https://registry.npm.taobao.org/
      1. 
   3. 全局安装 vue的脚手架工具
      1. npm i -g @vue/cli
         1. 
      2. 安装后使用 vue -V 或 vue --version 来查看版本  
         1. 
      3. 问题
         1. 

三、生成项目包：

1. 安装脚手架软件后, 目的是为了生成项目包
2. 注意事项:

   1. 要生成项目包的目录下, 不允许存在 vue.js 文件

   2. 项目包所在目录中, 不允许存在中文和特殊字符

3. 执行安装命令: vue create 包名
   1. 在你希望创建项目包的目录下, 执行
   2. 包名不允许大写字母, 用-间隔多个单词 , 例如 vue-pro
   3. 
   4. 
   5. 
   6. 
   7. 后续的所有选项, 直接按回车, 自动采用默认项即可
      1. 
      2. 
      3. 
      4. 
4. 成功生成
   1. 

四、项目包的使用方式

1. 脚手架生成的项目包十分完善
2. 自带服务器
   1. 在项目包vue-pro目录下, 打开cmd命令行工具, 运行启动服务器命令 npm run serve
      1. 

      2.  

3. 访问服务器: 在浏览器地址栏输入 命令行中的网址, 能查看即可
   1. 
4.  常见错误: 把 serve 写成 server

每日一句

不怨天，不尤人。

"遇到挫折与失败，绝不从客观上去找借口，绝不把责任推向别人，后来发展为成语“怨天尤人”。 "