VUE-创建一个简单的VUE工程

 

创建一个VUE基础工程

 

PS D:\Development\web\webpack-study> vue list

  Available official templates:

  ★  browserify - A full-featured Browserify + vueify setup with hot-reload, linting & unit testing.
  ★  browserify-simple - A simple Browserify + vueify setup for quick prototyping.
  ★  pwa - PWA template for vue-cli based on the webpack template
  ★  simple - The simplest possible Vue setup in a single HTML file
  ★  webpack - A full-featured Webpack + vue-loader setup with hot reload, linting, testing & css extraction.
  ★  webpack-simple - A simple Webpack + vue-loader setup for quick prototyping.

PS D:\Development\web\webpack-study> vue init webpack-simple vuex

? Project name vuex
? Project description A Vue.js project
? Author shenzhen_zsw@163.com <shenzhen_zsw@163.com>
? License MIT
? Use sass? No

   vue-cli · Generated "vuex".

   To get started:

     cd vuex
     npm install
     npm run dev

PS D:\Development\web\webpack-study>

查看VUE提供哪些模板

vue list

 

初始化webpack-simple模板的工程

vue init webpack-simple 工程名

 

 

安装依赖

进入到工程根目录下

npm install

 

启动

npm run dev

 

访问

说明：

    若8080端口，没有占用，默认是8080；

http://localh