App development with Vue .js



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

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.

Author by

Updated on December 29, 2021