Vue之1——vue-cli脚手架创建项目

使用vue-cli脚手架创建vue项目，
1、先安装vue-cli

cnpm install -g vue - cli

2、使用webpack-simple模板创建项目

vue init webpack-simple stock_demo

如下选项，基本默认，Use sass选择N

? Project name stock_demo
? Project description A Vue.js project
? Author 
? License MIT
? Use sass? No

初始化后，项目/文件结构如下

进入项目目录，执行安装依赖

cd stock_demo
cnpm i

3、运行与打包

package.json文件中有如下配置：

  "scripts": {
    "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot",
    "build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
  },

故启动vue项目，可执行如下命令

npm run dev // 启动开发环境
npm run build //编译打包，为正式环境