欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Vue基础配置讲解

程序员文章站 2022-06-24 16:23:48
环境为centos7,首先下载nodejs和npm的压缩包,两个在一起的,解压后进入bin目录,用ln -s 命令把里面的npm和node软连接到/usr/bin/目录下,然后退出此目...

环境为centos7,首先下载nodejs和npm的压缩包,两个在一起的,解压后进入bin目录,用ln -s 命令把里面的npm和node软连接到/usr/bin/目录下,然后退出此目录,node -v查看版本及检查安装成功。

再次进入刚刚解压的bin目录,输入命令

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

安装淘宝镜像,此方法借鉴的菜鸟教程的vue教程。(安装完成后可能也要软连接一下)

安装webpack打包器,命令(安装完了同样可能要软连接一下,看你们自身情况)

cnpm install -g webpack

接下来安装vue-cli,键入命令

cnpm install --global vue-cli

这个安装完了可能也要软连接,

最后就可以创建工程了,创建个新文件夹存放vue工程,在此文件夹下输入

vue init webpack myvueproject

然后就是一路enter,遇到一个use eslint的时候选no,要不然可能会遇到莫名其妙的错误

最后让你下载东西,选最后一个手动,他就叫你输入npm什么的,把npm换成我们的cnpm,后面的照抄,然后就差不多,不然npm下载会很慢。环境配置好了,项目也创建好了接下来继续写篇初学习vue的记录。

以上就是本次介绍的全部内容,感谢大家对的支持。