vue-cli脚手架搭建Vue.js项目

1———–全局安装vue-cli
用shell或者cmd进入项目根目录,执行下面的命令

npm install -g vue-cli

2————创建一个基于 webpack 模板的新项目

vue init webpack projectName

3————运行初始化命令

vue-cli脚手架搭建Vue.js项目_第1张图片
Project name (my-project) # 项目名称(我的项目)
Project description (A Vue.js project) # 项目描述一个Vue.js 项目
Author 作者(你的名字)
Install vue-router? (Y/n) # 是否安装Vue路由,也就是以后是spa(但页面应用需要的模块)
Use ESLint to lint your code? (Y/n) # 这里选No
Setup unit tests with Karma + Mocha? (Y/n) # y
Setup e2e tests with Nightwatch? (Y/n) # y

4—————– 进入到项目根目录,然后 npm run dev 就可以了,打包命令为 npm run build

你可能感兴趣的:(vue-js)