- 安装 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 <moanshangyin@163.com>
//作者 因为之前设置过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到项目目录 然后跑项目啦
先写到这里 需要的再补充
网友评论