Vue.js环境配置

来源:互联网 发布:c语言整人小程序 编辑:程序博客网 时间:2024/06/17 18:17

1.去官网下载nodejs,手动安装,新版本的nodejs安装包里面集成了npm,所以不需要再安装npm;
2.下载git,手动安装git,这样的话,能省去转换盘符所耗费的时间。
3.由于npm是国外的,npm安装包的时候速度会比较慢,所以我们可以选择使用淘宝的cnpm镜像来安装vue.
4. 安装cnpm,打开命令行窗口,(cmd),输入

npm install -g cnpm --registry=https://registry.npm.taobao.org 全局安装 -g

5.安装vue-cli(安装好vue-cli脚手架之后,vue也安装好了,全局安装的),输入

cnpm install -g vue-cli全局安装 -g可以输入 vue -V  查看vue的版本

6.创建项目,需要指定一个目录存放我们的项目,可以选择任意路径,确定好路径后输入下面的命令

创建一个基于 webpack 模板的新项目vue init webpack "项目名称"vue init webpack my-first-vue-project

7.成功以后,需要进入项目所在目录,输入以下命令

cnpm install cnpm run dev

8.成功后会直接跳转进入浏览器,就可以看到结果了,默认地址是localhost:8080。

原创粉丝点击