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 项目打开了。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)