局部使用vue和vue-cli构建自己的项目

如果你只想在本地的文件夹里使用vue和它的脚手架工具，那么下面的内容应该非常适合你。

局部安装vue-cli

Vue-cli是快速构建这个单页应用的脚手架.只需要几分钟的时间就可以运行起来并带有热重载、保存时 lint 校验，以及生产环境可用的构建版本.注意局部使用时不能使用-g命令。

npm install vue-cli
复制代码

出现如下的代码则说明你的脚手架工具已经安装完成了。

安装vue

下面安装vue，方式和vue-cli类似.

npm install vue
复制代码

成功后如下图

然后输入下面的命令确保vue命令可用：

vue -V
复制代码

如果命令行中出现的不是你安装的vue版本信息，而是和下面截图提示一样：

表示系统没有找到 vue.cmd 的地址，需要将地址加入到环境变量。

vue.cmd 加入到环境变量

首先找到你刚才安装vue和vue-cli的文件夹下面，进入node_modules文件夹，搜索vue.cmd

然后右键搜索到的文件，打开文件位置。 复制地址栏中的地址内容

右键桌面的计算机图标，选择属性，进入后在左侧菜单中选择高级系统设置

点击高级选择环境变量

在下方的系统变量里找到path,双击打开编辑

最后在输入框的结尾加入;和你刚才复制的地址栏信息，然后点击确定。再次打开编辑器就可以是用vue相关命令了。

初始化项目

接下来你可以使用下面的命令来让脚手架生成一个vue项目了，自己试试吧

vue init <template-name> <project-name>
复制代码