vue的初始化

Posted ssszjh

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue的初始化相关的知识,希望对你有一定的参考价值。

1.首先要有node.js

可以去node的官网去下载 https://nodejs.org/en/download/

技术分享图片

可以选择对应的版本,最好选LTS,比较稳定,下载后安装

在cmd,输入node -v

技术分享图片

显示有版本号,则安装成功

2.因为npm是国外的,使用起来挺慢的,博主在这里推荐使用淘宝npm

cmd命令是 :npm install -g cnpm --registry=https://registry.npm.taobao.org即可

即可用cnpm替代npm

3.接着下载全局vue-cli脚手架,在cmd的命令是:cnpm install vue-cli -g

4.搞完脚手架后,我们这个时候就可以建一个新项目了,首先在cmd里切换到你想要在的目录

然后输入vue init webpack xxx ,这里xxx是你自己想要的项目名字,可以改的,基本接下来一路回车即可

5.创建好一个项目后,我们要给这个项目建立依赖

其cmd命令:cnpm install

6.安装好之后,此时测试,在cmd输入:cnpm run dev 回车即可

技术分享图片

 

技术分享图片

即成功了,有的时候浏览器不会自动弹出来,是因为在config文件夹下的index.js的:

博主当初创建的时候默认为false,改成true就好了

技术分享图片

以上是关于vue的初始化的主要内容,如果未能解决你的问题,请参考以下文章

vue el-amap 如何重新初始化聚合

Vue——Vue初始化

Vue.js源码解析-Vue初始化流程

初始化vue项目

vue源码学习- Vue初始化过程

vue源码学习- Vue初始化过程