搭建Vue开发环境
准备工作在搭建vue的开发环境之前,要先下载node.js,vue的运行是要依赖于node的npm的管理工具来实现,node可以在官网里面下载,根据自己的电脑选择是32位还是64位。地址:http://nodejs.cn/download安装完毕之后可以输入 node -v命令检查是否安装成功!安装cnpm由于在国内使用npm是非常慢的,所以在这里我们推荐使用淘宝npm镜像,使用淘宝的cnpm命令
·
准备工作
在搭建vue的开发环境之前,要先下载node.js,vue的运行是要依赖于node的npm的管理工具来实现,node可以在官网里面下载,根据自己的电脑选择是32位还是64位。
安装完毕之后可以输入 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 启动项目,然后我们就可以根据返回的地址在本地浏览器中访问项目了。
更多推荐
已为社区贡献1条内容
所有评论(0)