App development with Vue .js
summary
Notes on how to use Vue while creating the app Create a project and write it up to the point where you want to check it in the browser.
Creating a Project
vue create プロジェクト名
When you create a project, you are prompted to set the information required for the creation of the selected
- Specify a preset
Vue CLI v4.5.15
? Please pick a preset:
> default
Manually select features
Select the program that you want in your project. Select it with the up and down arrow keys and press Enter. When you select Manual, the items to be included are displayed, so select them with a space.
- Vue version selection
Vue CLI v4.5.15
? Choose a version of Vue.js that you want to start the project with:
> 2.x
3.x
Select the version of Vue you want to use.
- Selecting linter/formatter settings
? Pick a linter / formatter config:
> ESLint with error prevention only
ESLint + Airbnb config
ESLint + Standard config
ESLint + Prettier
Lint and formattern are set together. Choose the top if you prefer the default.
- Configuring Additional Lint Features
? Pick additional lint features:
> Lint on save
Lint and fix on commit
Configure additional features of Lint. Choose the top if you prefer the default.
- Where to describe the configuration information
? Where do you prefer placing config for Babel, ESLint, etc.?
> In dedicated config files
In package.json
Specifies the location where the information you set is described. The default is described in the configuration file.
- Save as Preset
? Save this as a preset for future projects?(y/N)
If you select y, the setting is saved and you can save yourself the trouble of setting it in the next time.
Running the Project
npm run serve
Once you run it, you will be able to access it from a web browser.
Visit the http://localhost:8080/
and see if it appears.