vue - 安装与使用脚手架进行模块化开发环境搭建

【安装 - 参见官网】

# https://vuejs.org/v2/guide/

# 使用npm在命令行安装最新稳定版
# npm install vue

【vue - 模块化开发新项目环境搭建】

1.全局安装webpack

# npm install webpack -g

2.全局安装vue脚手架

# npm install -g @vue/cli-init

3.初始化vue项目

# 新建项目文件夹：vue-demo
# cd vue-demo

# vue脚手架使用webpack模板初始化一个 ${app_name} 项目，比如：app_name=vue-demo
# vue init webpack vue-demo

? Project name vue-demo
? Project description A Vue.js project
? Author jack
? Vue build standalone
? Install vue-router? Yes
? Use ESLint to lint your code? No
? Set up unit tests No
? Setup e2e tests with Nightwatch? No
? Should we run `npm install` for you after the project has been created? (recommended) npm

   vue-cli · Generated "vue-demo".

# Installing project dependencies ...
# ========================

[         .........] / reify:autoprefixer: timing reify:loadBundles Completed in 0ms       

added 1262 packages in 1m

# Project initialization finished!  -- 表示初始化成功
# ========================

To get started:

  cd vue-demo
  npm run dev

Documentation can be found at https://vuejs-templates.github.io/webpack

4.启动vue项目

 项目的package.json中有scripts，代表我们能运行的命令
# 启动项目： npm start = npm run dev
#   npm run dev

5.访问： http://localhost:8080