准备工作

在搭建vue的开发环境之前,要先下载node.js,vue的运行是要依赖于node的npm的管理工具来实现,node可以在官网里面下载,根据自己的电脑选择是32位还是64位。

地址:http://nodejs.cn/download

安装完毕之后可以输入 node -v     命令检查是否安装成功!

安装cnpm

由于在国内使用npm是非常慢的,所以在这里我们推荐使用淘宝npm镜像,使用淘宝的cnpm命令管理工具可以代替默认的npm管理工具

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

安装vue-cli脚手架

淘宝镜像安装成功之后,我们就可以全局使用vue-cli脚手架

cnpm install --global vue-cli

# 新版本可以使用下列命令
cnpm install -g @vue/cli

验证脚手架是否安装成功,使用 vue 命令即可

创建一个项目

手脚架搭建完之后,我们就要开始建一个新项目,建议不要装在C盘,因为vue下载下来的文件比较大,后期会导致C盘很臃肿。

安装依赖项

文件夹已经下载好了,因为各个模板之间都是相互依赖的,所以现在我们要安装依赖  cnpm install   需要到项目文件夹的目录下执行

使用命令 npm run dev 启动项目,然后我们就可以根据返回的地址在本地浏览器中访问项目了。

Logo

前往低代码交流专区

更多推荐