vue-cli创建项目

一.vue-cli创建模板项目

1. 什么是vue-cli
   是vue官方提供的脚手架工具。脚手架工具简单讲就是自动将项目需要的环境、依赖等信息都配置好。

2. 全局安装vue-cli
   先安装node 这里就不进行安装了
   安装完之后查看命令
   

   【全局安装 webpack】
    npm install webpack -g
   	
   【webpack 4.X 开始，需要安装 webpack-cli 依赖】
    npm install webpack webpack-cli -g
    
   【查看版本号】
    webpack -v
    
   【全局安装vue-cli】
    npm install -g vue-cli
   
   【查看版本号】
    vue -V 
   

   
   

3. 创建项目（命令行方式）
   创建一个文件保存的路径。比如：/Applications/project/vue

   cd /Applications/project/vue
   【下载模板】
   vue init webpack vue
   【进入交互页面，根据自己情况选择】
   ? Project name (vue)  # 项目名称，直接回车，按照括号中默认名字（注意这里的名字不能有大写字母，如果有会报错Sorry, name can no longer contain capital letters）
   ? Project description (A Vue.js project) # 项目描述,随便写
   ? Author # 作者名称
   ? Vue build standalone
   ? Install vue-router? (Y/n)  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 # 包管理器，我选的yarn
   
   

4. 安装成功后，进入项目目录

   【命令行进入该目录】
    cd /Applications/project/vue/vue
    
   【初始化项目】
    yarn install
    
   【启动项目，根据package.json中的数据来启动】
    npm dev
   

   
   浏览器访问