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/