vue 开发环境安装

265 阅读2分钟

首选电脑需要先安装node.js 运行环境,如果没有安装,可百度一下!

打开cmd先安装全局安装 webpack

命令行执行 npm install webpack webpack-cli -g --save-dev

安装完成如图,查看版本号没有问题,代表安装成功

全局安装vue脚手架, 我这里是高版本的node 所以安装的是vue-cli 3.0 命令行执行 npm install -g @vue/cli

安装按错如图

安装成功之后,运行vue --version 发现 命令出错

这时候发现就是环境变量没有添加,把vue.cmd路径添加到环境变量保存

如果这时候还是提示 'vue' 不是内部或外部命令,也不是可运行的程序 或批处理文件, 则需要在Path环境变量添加上 %VUE%

此时在重新打开cmd输入vue -V,显示出了版本号,说明已经vue已经安装成功,vue命令已经可以使用了

进入你要安装vue的目录, 运行安装命令 vue init webpack-simple myVue ,myVue是你自定义的目录命令,如果出现安装不了

Vue CLI 3 和旧版使用了相同的vue命令,所以 Vue CLI 2 (vue-cli) 被覆盖了。如果你仍然需要使用旧版本的vue init功能,你可以全局安装一个桥接工具:命令 npm install -g @vue/cli-init

安装完之后,在执行命令 vue init webpack-simple myVue

然后就是基本的信息填写

第一个是项目名称,不可以大写,不能用中文,可以在后面修改成你想要的名称。

第二个是项目描述。

第三个是作者名称。

第四个是许可证。

第五个是否用 sass。

这里按照自己的实际情况填写就好了

这里安装完成之后,会提示 To get started: 执行下面命令按照步骤安装

如果直接用 npm install 安装的过程中出现卡死,不动的情况下,先运行安装一下淘宝镜像

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

在执行

cnpm install

到此vue已经安装完成,运行npm run dev 启动vue ,启动完成之后,会自动打开

能显示此界面,表示vue安装完成!

项目目录

到此,安装步骤已完成

本人也是小菜鸟一枚,如有其它问题,请各位大佬指教!