Node.js-webstrom Create Vue project (VUE project initialization)

I made a mistake: as Vue white, I didn't know to create the original Vue project alone, so I built an empty project in Webstrom,

When a new JS file is added to it, the import of Vue from "Vue" begins. After the operation of the nature of the error: syntaxerror:unexpected identifier, by their own stupid cry ~

Below to get to the point, theVue project initialization steps are as follows:

1, by default you have installed node. js, Webstrom, NPM, Vue/vue-cil, Webpack.

2. Win+r→cmd Open the command line, the CD enters the path where you want to create the Vue project, and then executes the project creation command :

Vue Init Webpack [ProjectName]

Note here that the project name must be lowercase (because uppercase causes problems across platforms), and if there is an uppercase error:Sorry, name can no longer contain capital letters

3. Enter the project path in the command line and then execute the NPM install command to install the required dependencies for the project.

4. execute the npm run dev command after the installation is complete, running the project.

5. Open the Vue project you just created with Webstrom .

Node.js-webstrom Create Vue project (VUE project initialization)