vue所需的环境比较复杂,在我的多次反复安装中,最终找出了要安装的东西
首先node.js 其次npm 然后 vue cli 现在的node版本都包含npm,所以npm一般都不用担心
下面是我整理的详细过程:
1、node.js的下载安装
https://nodejs.org/en/download/
下载window版本的64为的node.js文件(适合我的电脑哦)
然后根据他的安装信息,一直安装就行(这个在网上搜node.js安装教程,就会有更加详细的教程呦,寡人就是参照这些做的
http://www.runoob.com/nodejs/nodejs-install-setup.html)
当安装完成后,可以通过cmd进行验证
能出现版本号,那当然是极好的,说明你这两个都安装成功了
2、安装vue-cli
安装分为国内(就是他们说的淘宝镜像)和国外版的两种,看别人的资料说国内的相对稳定,也比较快,国外的反之,但我觉得没差,总之哪个都可以
已经安装好了node.js,,所以找到这个:
找到这个打开,进行vue-cli的安装
npm install -g vue-cli //注意这条语句安装的是cli1.x和2.x,这两个版本不包含vue图形界面,所以不推荐,,,
//安装cli3的语句如下:
npm install -g @vue/cli
或者使用国内的淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
这样环境就就搭建好了
穿件一个新项目有两种方法,一种是在终端通过语句创建,这个可以参照(https://blog.youkuaiyun.com/qq_33036599/article/details/79656597)
还有一种是应用cli3,进行图形界面创建:
使用vue ui命令,在node.js安装的那个终端执行命令
出现这个后,会自动转入到
然后,我们可以进行创建或者导入。
创建:参考文档https://cli.vuejs.org/zh/guide/creating-a-project.html#使用图形化界面
这里面包含两种创建方式
导入:按平常步骤就行,我就说一个要注意的点:移植文件的node.js,与本地文件的node.js版本必须保持一致
这是编译成功的效果,当然成功的路上没有这么顺利,树神杀神吧
下面的两条http路径,点他
哈哈哈哈,完成