准备工作： node + npm + vue-cli
确保node安装成功
1、终端查询一下 node -v
2、使用命令全局安装vue-cli
npm install -g vue-cli
3、使用命令创建项目
vue init webpack basics(项目名称)
$ 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 (king)---------------------项目创建者? Author king? 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 run dev运行
文件目录
转载于:https://www.cnblogs.com/king94Boy/p/10760661.html
