Vuejs开发环境搭建

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vuejs开发环境搭建相关的知识,希望对你有一定的参考价值。

npm install -g vue-cli  //全局安装 vue-cli

vue init webpack my-project  //创建一个基于“webpack”模板的新项目

cd my-porject

npm install   //安装依赖

npm run dev  //运行

【可以去淘宝镜像下载cnpm】https://npm.taobao.org/

技术分享

import App form ‘./App‘ //es6

=> var App =require(‘./App‘)

 

export default {  //es6
  name: ‘hello‘,
  data () {
    return {
      msg: ‘Welcome to Your Vue.js App‘
    }
  }
}  

=> function data(){

    return {
      msg: ‘Welcome to Your Vue.js App‘
    }

  }

 










以上是关于Vuejs开发环境搭建的主要内容,如果未能解决你的问题,请参考以下文章

Vuejs开发环境搭建

Vuejs之开发环境搭建

vuejs开发环境搭建及热更新

在windows下搭建vueJS开发环境

从零开始搭建自己的VueJS2.0+ElementUI单页面网站(环境搭建)

从零开始搭建自己的VueJS2.0+ElementUI单页面网站(环境搭建)