Vue-cli 脚手架搭建项目

  1. 安装 vue-cli
    执行指令 npm i vue-cli -g全局安装
    可以使用vue-V 查看版本号
    2.初始化项目
    执行指令 vue init webpack 项目名称
    可能会提示
 Command vue init requires a global addon to be installed.
  Please run npm install -g @vue/cli-init and try again.

不用担心 按照他提示的 运行

 npm install -g @vue/cli-init

然后就可以愉快的 vue init webpack 项目名

? Project name haomeili
//你的项目名称 

? Project description A Vue.js project     
//项目描述  一个vue.js项目

? Author wyy1208 
//作者  因为之前设置过git 所以就默认我设置的git  username和email

? Vue build standalone
这里会出现    
 - Runtime + Compiler: recommended for most users 
- Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specific HTML) are ONLY allowed in .vue files - render functions are required elsewhere 
这里选择Runtime + Compiler: recommended for most users;

? Install vue-router? Yes
//需要安装vue路由吗 根据需求
? Use ESLint to lint your code? Yes
//需要eslint检查代码规范吗  看需求 
? Pick an ESLint preset Standard
- Standard (https://github.com/feross/standard) 
- Airbnb (https://github.com/airbnb/javascript) none (configure it yourself) 
这里选择Standard 
? Set up unit tests No
//是否需要测试  根据需求   
? Setup e2e tests with Nightwatch? No
//是否需要测试  根据需求
? Should we run `npm install` for you after the project has been created? (recommended) npm
//是否选择npm 作为依赖包的安装途径

   vue-cli · Generated "haomeili".
//提示创建成功


# Installing project dependencies ...
然后一串安装   
后来会提示  
To get started:

  cd haomeili
  npm run dev

Documentation can be found at https://vuejs-templates.github.io/webpack



然后就可以愉快的cd到项目目录 然后跑项目啦

先写到这里 需要的再补充

你可能感兴趣的:(Vue-cli 脚手架搭建项目)