您的位置:首页 > 产品设计 > UI/UE

创建一个vue项目

2018-01-31 00:00 288 查看
1.安装npm

由于vue项目依赖 node.js npm 需要先安装. 若没有请先安装,请百度

//检查是否有node.js npm vue

win+r 输入cmd 输入node -v 回车 会出现node,js的版本

输入npm -v 回车 会出现npm的版本

输入vue -V 回车 会出现vue的版本

在用 Vue.js 构建大型应用时推荐使用 NPM 安装:最新稳定版
$ cnpm install vue

2.安装vue

全局安装 vue-cli

$ cnpm install --global vue-cli

创建一个基于 webpack 模板的新项目

$ vue init webpack my-project

这里需要进行一些配置,默认回车即可

This will install Vue 2.x version of the template.

For Vue 1.x use: vue init webpack#1.0 my-project

? Project name my-project
? Project description A Vue.js project
? Author runoob test@runoob.com
? Vue build standalone
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? Setup unit tests with Karma + Mocha? Yes
? Setup e2e tests with Nightwatch? Yes

vue-cli · Generated "my-project".

To get started:

cd my-project
npm install
npm run dev

Documentation can be found at https://vuejs-templates.github.io/webpack

进入项目,安装并运行:

$ cd my-project
$ cnpm install
$ cnpm run dev
DONE Compiled successfully in 4388ms

Listening at http://localhost:8080
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: