创建一个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
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:
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
由于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
相关文章推荐
- Vuex 进阶,创建一个笔记本项目
- 通过vue-cli创建一个项目
- 使用命令行工具npm新创建一个vue项目的方法
- 创建一个vue2.0项目
- 创建一个vue项目的过程
- 命令行创建一个vue项目
- Vuex 进阶,创建一个笔记本项目
- vue开发环境准备-创建一个vue项目
- 如何创建一个vue项目
- 如何创建一个vue项目
- 如何创建一个vue的新项目,用命令行的方式创建
- 用vue创建一个项目
- 如何创建一个 vue.js 的项目
- Twitter Storm: 创建一个新的storm项目
- 【Cocos2d-x for WP8 学习整理】(1)创建一个新项目
- 创建一个weex项目出现proxy的问题
- 用 intellij idea 创建一个Java web项目
- 如何使用eclipse创建JAVA项目并写一个简单的HelloWorld
- 如何在HBuilder中创建一个web项目?
- NetBeans IDE可视化java编程菜鸟笔记--用NetBeans创建一个Hello World项目