之前安装过两次,这次又出现了问题,又一次重新安装,记录一下!!!下次出现问题再查看,希望帮助到有需要的朋友。
1、 下载node.js
2、 安装node.js
Node.js下载如下所示:
注意:在安装Node.js前,先cmd(命令提示符)运行“node–v”查看是否已经有Node.js版本,若有,则请先卸载或删除。
Node.js安装过程简单,按照提示点“Next”并选择安装位置即可(建议不装系统盘)
打开cmd,进行安装(管理员身份运行),此处选择淘宝NPM镜像下载安装:
npm install -g cnpm--registry=https://registry.npm.taobao.org
-g是全局安装。
对安装成功的Node.js以及npm进行版本号查询
4、 vue-cli安装
命令行为cnpm install -g vue-cli
5、 查看vue信息
创建项目
创建项目: cmd 命令窗口,cd 到工作空间(VUE项目存放的地方),创建命令: vue init webpack vue-test 。vue-test 是项目名哦。这时候会有一些问答题:
project name : 这个就比较简单了吧。项目名称。回车是默认值。风格
project description : 项目描述。这个随便。默认就是那个A vue.js project。
author : 作者!
vue bulid : 默认就行,创建一个独立脱机环境。standalone。
install vue-router : 是否安装路由,这里默认就行,这样生成好的项目就会有相关的路由配置文件
use ESlint to lint your code : 这里选择yes,默认使用,这样会生成相关的ESLint配置.
pick an ESLint preset: 这个选择标准就行:standard,也是默认值。
set up unit tests : 是否安装单元测试,这个不用了吧! no.
setup e2e tests with nightwatch: 是否安装e2e测试。不用了 no!
Should we run " npm install" for you after the project has been create
在创建项目之后,我们是否应该为您运行“NPM安装”。 这个默认就行,人家官方也推荐。回车。
安装进行时… … 需要一小会。
安装完成后,他会提示你运行项目。 输入它提示的命令就行。
cd vue_test
npm run dev
运行完成后,本地浏览器访问:http://localhost:8080
出现如上图所示的界面就成功啦hhh~