vue环境安装：

  1. node安装步骤：https://course.51qux.com/1204.html
  2. webpack全局安装：https://course.51qux.com/1206.html
  3. vue-cli全局安装：https://course.51qux.com/1208.html

注意：node+webpack+vue-cli环境没有安装请先安装环境，再继续下面的步骤。

1.进入项目目录 

cd  d:\vue  进入d盘vue目录

2.webpack创建项目 

vue init webpack vue-demo

然后出现项目配置信息，根据需要设置：

?Project name vue-demo # 项目名称，按照括号中默认名字 
? Project description A Vue.js project # 项目描述，可写可不写
? Author # 作者名称，可写可不写
? Vue build standalone # 我选择的运行加编译时
    Runtime + Compiler: recommended for most users
? Install vue-router? Yes # 是否需要 vue-router
? Use ESLint to lint your code? Yes # 是否使用 ESLint 作为代码规范.
? Pick an ESLint preset Standard # 一样的ESlint 相关
? Set up unit tests Yes # 是否安装单元测试
? Pick a test runner 按需选择 # 测试模块
? Setup e2e tests with Nightwatch? 安装选择 # e2e 测试
? Should we run `npm install` for you after the project has been created? (recommended) npm # 包管理器，选NPM

3.CD进入项目，npm 安装操作

cd vue-demo  //进入项目

npm install  // 安装

常用npm

npm run dev  //npm启动
npm run build  //npm打包

预览地址：http://localhost:8080/

版权声明：原创作品，允许转载，转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。
转载请注明来源： webpack+npm创建Vue项目步骤 - Qui-Note