vue环境搭建简介

简单整理下vue的安装的新建项目

安装node.js和npm

参考其他教程

安装vue

npm install vue

安装脚手架 vue-cli

npm install --global vue-cli

安装完成后，执行命令查看vue版本

Vue --version

安装webpack

npm install -g webpack
npm install webpack-dev-server -g

创建项目

vue init webpack  "ProjectName"

 设置项目属性

• Project name  输入项目名称
• Project description 输入项目描述
• Author 作者
• Vue build 打包方式，回车就好了
• Install vue-router?  选择  Y 使用 vue-router，输入 N 不使用
• Use ESLint to lint your code
• 代码规范，推荐 N
• Setup unit tests with Karma + Mocha
• 单元测试，推荐 N
• Setup e2e tests with Nightwatch
• E2E测试，N

安装npm依赖

npm install

运行项目

npm run dev

打包项目

npm run build