Vue学习笔记 vue脚手架的创建

1.安装node

首先要安装好nodejs，根据自己的系统去官网下载

官网地址：Download | Node.js

下载完成后，执行安装程序，直接进行安装即可

安装完成后，打开命令行窗口(我用的是Windows，按win+r，然后输入cmd)

在终端里面输入node -v和npm -v可查看安装的node.js和npm的版本号

 

2.安装vscode

官网地址:Visual Studio Code - Code Editing. Redefined

3.安装vue

使用npm进行安装

缺点：安装慢。

使用淘宝镜像安装

先执行淘宝镜像命令（在终端里面执行此命令）：

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装vue脚手架

下面是两种不同的命令执行其中之一即可（在终端里面执行此命令）

npm install -g @vue/cli 
​
cnpm install -g @vue/cli

4.创建Vue项目

4.1创建文件

在桌面或者其他盘创建一个项目，在这里我是在D盘里面创建了一个vuetest\vuetest01

 右键点击vuetest01，使用vscode打开

使用快捷键ctrl+~键打开终端,然后cd进入你创建的文件夹里面：

 进入文件夹里面后输入如下命令：

vue create vue01

 输入完成后出现下面的三个选项，选择第三个选项，按回车进入下一个选项

 

 这个选项要选择这四个选项，选择是按空格，按下空格以后小括号里面出现*代表选中了该选项，选择完成后按回车进入下一步。

 选择2.x，按回车进入下一步

 输入：n，回车进入下一步

选择Less，回车进入下一步

 选择 In package.json，回车进入下一步

下一步：这句话意思是是否保存本地配置，有需要的可以输入y，在这里我输入n，回车进入下一步，耐心等待安装完成即可。

 安装完成以后cd进入vue01文件，回车进入下一步，输入npm run serve，回车进入下一步 。

 按住ctrl点击这

没有问题

输入两次命令ctrl+c,停止终端，然后输入vue ui，回车进入下一步。

也没有问题

新手上路，有不完善之处或者有更好的办法，请在评论区指出。