如何创建一个Vue项目
2018-10-24 本文已影响0人
啦啦啦哈啦啦啦
打开cmd命令行,安装node
- 步骤:打开node官网 https://nodejs.org/en/download/,进行下载安装,输入node -v,如果出现版本信息即表示安装成功。
- 输入node -v若显示版本号即表示安装成功
安装淘宝镜像
- 输入npm install -g cnpm --registry=http://registry.npm.taobao.org ,安装淘宝镜像安装相关依赖
安装vue-cli脚手架构建工具
- 输入命令 npm install -g vue-cli,安装完成即可
创建项目
- 新建一个项目文件夹,右击用命令行运行
- 运行命令vue init webpack 项目名称(vuetest)
- 出现项目名等信息时直接默认下一步
-下面将会出现四个选项,除了install vue-router是yes而外,其他都是no,以免发生不必要的麻烦 - 输入npm install安装依赖库
- 输入npm run dev运行项目,即可成功