站内搜索:
首页 >> 前端 >> 内容
vue环境搭建与demo

时间:2017/3/24 9:11:56

1、npm 已安装

查看版本信息:npm -v

2、升级npm[重要-否则产生很多问题]

cnpm install npm -g

3、安装vue

cnpm install vue

4、新建vue工程demo

# 全局安装 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

? 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

5、进入项目,安装并运行:

$ cd my-project

$ cnpm install

$ cnpm run dev

DONE Compiled successfully in 4388ms

> Listening at https://localhost:8080

 

  • 上一篇:关于jQuery插件的index选择器index()方法的一些操作细节
  • 下一篇:Thu3.23
  • 返回顶部