Overview:
First I think we should understand CLI well and differentiate it from GUI, why not vue-gui
- Angular has
@angular/cli
- React has
create-react-app
- And Vue is no exception
@vue-cli
Vue CLI is a fairly powerful system for developing Vuejs applications, it provides:
- Very fast and easy to use interaction via
@vue-cli
- Built on webpack
- A rich set of plugins for development
Setting
Note: Vue CLI requires Nodejs version 8.9 or higher, installed via npm or yarn
1 2 3 4 | npm install -g @vue/cli # OR yarn global add @vue/cli |
To test the installation successfully, we will run vue –version
Create a new project
1 2 | vue create my-first-project |
After running will suggest for us the preset, here I choose the default
After running, run the project (len), CLI say whatever you do cd my-first-project/ ; npm run serve
And here is the result.
Especially, you can use vue-ui to create and manage vue projects, to use it running through the vue-ui
command.
Results after running
Conclude
Above is my basic overview of Vue CLI, if you want to learn more, you can see at this link ( https://cli.vuejs.org/ )