vue脚手架如何创建vue项目

vue脚手架如何创建vue项目

1 打开命令行，进入需要创建目录的文件夹；或者在需要创建目录的文件夹进入cmd窗口。

1 先查看以下vue脚手架是否下载，命令行输入npm list -g

1.2 如果没下载vue脚手架，则输入命令npm install @vue/cli -g下载依赖。

2 查看vue脚手架是否加入环境变量，输入vue -V。

2.2 如果没有显示对应的版本号，则表示没有加入到环境变量。输入npm root -g查看npm全局依赖的下载文件夹。

2.3 复制这个路径，不要包含到\node_modules就行，把这个路径加入到系统环境变量中。

2.4 关闭命令行(cmd)窗口，重新打开一个命令行窗口，输入vue -V查看vue是否加入到环境变量中。（注意要重新打开cmd窗口）

3 使用脚手架创建vue项目，输入vue create 项目名，回车。

3.2 按住键盘的“向下箭头”按键，移到到最后一个，回车。

3.3 勾选后，回车。

3.4 这里演示选择vue2.x，后回车。

3.5 这里直接回车，（路由模式，这里是3.3那里勾选的 Router）。

3.6 这里也直接回车。（CSS预处理器，这里就是3.3那里勾选的CSS Pre-processor）

3.7 这里也可以直接回车。（语法检查，也是3.3那里勾选的 Linter / Formatter ）（有错误的时候显示）

3.8 这里也可以直接回车，(保存的时候检查语法格式)。

3.9 这里根据自己的喜欢选择，也可以直接回车。（语法检查的配置是否另外保存在一个文件，另一个表示保存到package.json文件中）

4 是否保存这个的选择为一个模板，以备以后使用。（这里是演示，我就选择为y）

4.2 输入y。

4.3 设置模板的名字，之后回车。

4.4 项目创建好了。

5 这里演示以下保存的模板。

5.2 选择模板，直接回车。

5.3 项目创建好了。

6 输入命令，回车。

6.2 运行成功。

6.3 项目打开了。