-
安装node.js
官网下载最新版本安装
命令行输入 npm -v 出现版本号即为安装成功 -
安装webpack
npm install webpack -g
输入webpack -v 出现相应版本号即为安装成功 -
安装vue-cli
npm install vue-cli -g
输入webpack -V 出现相应版本号即为安装成功(该处为大写字母V) -
通过vue-cli初始化项目
在projectName(项目名)文件夹下来放置项目
vue init webpack projectName(项目名) -
vue-cli初始化项目
- vue init webpack projectName--------------------- 安装vue-cli,初始化vue项目的命令
- Target directory exists. Continue? (Y/n) y---------------------找到了projectName这个目录 是否要继续
- Target directory exists. Continue? Yes
- Project name (projectName)---------------------项目的名称(默认是文件夹的名称),ps:项目 的名称不能有大写,不能有中文,否则会报错
Project name projectName - Project description (A Vue.js project)---------------------项目描述,可以自己写
Project description A Vue.js project - Author (OBKoro1)---------------------项目创建者
Author OBKoro1 - Vue build (Use arrow keys)--------------------选择打包方式,有两种方式(runtime和 standalone),使用默认即可
Vue build standalone - Install vue-router? (Y/n) y--------------------是否安装路由,一般都要安装
Install vue-router? Yes - Use ESLint to lint your code? (Y/n) n---------------------是否启用eslint检测规则,这里个人建 议选no,因为经常会各种代码报错,新手还是不安装好
Use ESLint to lint your code? No - Setup unit tests with Karma + Mocha? (Y/n)--------------------是否安装单元测试
Setup unit tests with Karma + Mocha? Yes - Setup e2e tests with Nightwatch? (Y/n) y)--------------------是否安装e2e测试
Setup e2e tests with Nightwatch? Yes
- 关闭当前外面的文件夹,打开内部新建的文件夹
npm install 安装项目所需依赖