vue2脚手架安装步骤

855 阅读2分钟

第一步

查看node 版本号 如果低于 版本10 的话安装最新版node

如果没有npm 的话 需要安装npm 如果已经安装过npm 可以跳过 

安装npm的命令是:

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

第二步

cmd终端中安装vue脚手架  npm install -g vue-cli

注意右键以管理员身份运行,否则可能会下载不成功

安装成功后可以执行 vue  -V (注意:-V 是大写) 查看vue版本号 来检测是否成功

随后设置环境变量

第三步

创建项目: 在想要创建项目的文件夹中打开终端,执行 vue create demo (demo是要创建的项目的名称)

如果出现如下界面 输入y 意思是问你要不要使用淘宝镜像,没有这个界面的话执行下一步就行

image.png  

第一个界面 选择如下 意思是

第一次创建项目需要手动选择项目配置 上下键进行切换  按回车键执行下一步

image.png  

第二个界面 按如下 用空格键进行选择,用上下键切换意思是 选择项目的配置和功能 

  image.png

第三个界面  选择vue的版本 我们要选择2.x版本

image.png  

第四个界面  问你选择的路由的模式 输入n 按回车下一步就行

 image.png

第五个界面 选择如下

image.png

第六个界面 意思是问你 把配置文件分开放还是 放在一起

image.png  

第七个界面:是不是要把你刚才的配置存下来 并且起一个名字 ,下次再次执行 vue create xxx命令创建项目的时候就可以直接使用这个保存下来的模版了

image.png

第八个界面:项目创建成功  执行 提示的两个命令(cd xxx 和npm run serve)就可以开启vue的项目啦!!!

image.png