Vue CLI安装以及项目搭建

Vue CLI安装以及项目搭建(npm)

Vue CLI 是一款基于Vue.js的快速开发系统，可以帮助你进行快速搭建项目的初始框架。使用起来十分的方便。

下面是以npm为例安装以及项目搭建的步骤。

一、安装

1. 安装Vue CLI是需要安装Node.js的。而且Vue CLI 4.x 需要 Node.js v8.9 或更高版本 (推荐 v10 以上)。
2. 如果你之前安装了旧版本，那么先使用npm uninstall vue-cli -g进行卸载

正式安装步骤：

​ 首先，win+R→输入cmd，回车→输入命令npm install -g @vue/cli

​ 完毕后，输入Vue -V（大写V），如果弹出**@Vue/cli 版本号** 则Vue CLI安装成功了

C: >npm install -g @vue/cli
C: >vue -V

二、 创建项目

安装完毕就可以使用Vue CLI 来创建项目了

1. 创建一个空文件夹，将他拖到VSCode 图标上面，即通过VSCode来打开这个文件夹
2. Ctrl + J 打开终端，在里面输入 vue create 项目名，敲回车正常的话会出来蓝色选项去设置你所创建的项目，但第一次一般会有限制然后弹出一长条爆红

vue : 无法加载文件 F:\nodejs\node_global\vue.ps1，因为在此系统上禁止运行脚本”的解决方法......

解决方案：

1. 使用管理员身份登录VSCode，打开文件夹
2. 在终端输入 get-ExecutionPolicy , 一般下面会是 Restricted
3. 在终端输入Set-ExecutionPolicy -Scope CurrentUser，然后系统提示请为以下参数提供值：ExecutionPolicy， 然后输入 RemoteSigned 敲击回车
4. 在终端输入 get-ExecutionPolicy， 下面显示RemoteSigned 。
5. 这时候 再次输入 vue create 项目名 就会出现蓝色选择选项了
   

黄色字体为该框架中所包含的配置比如第一个中是vue 2，sass，babel， vue router， vuex， eslint。

最后一个选项Manually select features 是自定义配置 也就是可以自己选择你框架中所使用的工具。具体内容不再详细介绍。

以上便是Vue CLI 的安装以及使用大体流程。

工具。具体内容不再详细介绍。

以上便是Vue CLI 的安装以及使用大体流程。