Vue的安装与启动

工程化

通过vue脚手架创建vue项目

1.全局安装脚手架

npm install @vue/cli -g

注：如果网络太慢，则优先安装淘宝镜像

npm install -g cnpm --registry=https://registry.npmmirror.com

安装好后

cnpm -v 查看淘宝镜像的版本

之后通过淘宝镜像安装脚手架

cnpm install @vue/cli -g

vue -V 查看脚手架版本

2.使用脚手架创建vue工程

2.1手动进入想要保存的项目的位置，在这个位置打开命令行

2.2创建项目 vue create 项目名

创建项目会有不同的依赖文件，也会预先安装不同的插件。这一步的前两个选项，是脚手架提供的默认选项。

选择最后一个手动安装后回车

按图选择以下三个选项

注：前期的学习中Linter必须勾选掉

选择vue的版本，前期从2.x开始入手

如果手动选择时，选择了Router插件，则会有这一步

选择Router的模式：

Y：history模式        n：hash模式

注：两个模式没有好坏之分，选择哪个都可以

注：Y大写代表Y时默认选项。如果这一步没有输入直接回车，则默认输入Y

如何创建配置文件？选择第二个package.json

是否把以上选项保存为默认选项？

y：保存        N：不保存

注：N大写代表N是默认选项，直接回车则直接输入N

回车开始创建项目

创建成功

3.启动项目

3.1进入到项目中

手动进入，在项目内部打开命令行

3.2启动项目 npm run serve

项目启动成功

3.3 在浏览器中，输入以上两个地址中的任意一个，可以访问项目