Vue脚手架安装教程

Vue脚手架安装教程

一、确定电脑已经安装好node

网上有很多教程，这里不再多说。

二、安装vue-cli

1.先配置npm的淘宝镜像，这样安装速度快。

npm config set registry https://registry.npm.taobao.org

2.全局安装vue-cli，在cmd中输入下面代码：

npm install -g @vue/cli

安装过程中会像下面一样一直报错，不用管

3.安装结束后输入vue -V检查版本号，确认安装成功：

vue -V

三、创建项目

1.将上面打开的cmd窗口关掉，打开你想创建项目的文件夹，进入cmd，输入vue create xxx，我这里想在Vue这个文件夹创建vue_test这个项目：

vue create vue_test

我这里出现了这样一段标黄的话，大体意思就是速度慢，要不要用它提供的网址，选择yes即可

2.选择完毕，会出现一个交互选项，键盘的上下键选择Vue2还是Vue3，我这里选择了Vue2，选择好按回车

会出现新的交互选项，选择npm安装还是yarn安装，我这里选择了npm

3.都选完就开始自动安装了，直到出现Successfully created project ……就说明安装好了：

四、运行项目

进入项目文件夹的cmd窗口，运行

npm run serve

其中 http://localhost:8080/就是项目地址，复制地址，在浏览器中打开，就可以看到官方提供的这个项目啦。

如果想要结束项目，在cmd窗口输入Ctrl+C，就可以结束项目啦。