1. Install Node.jsDownload address:https://nodejs.org/(Node8.9 or later) The installation is successful. End How to check whether the installation is successful and the version open CMDThe node - vIf it doesn’t, restart the computer and try again

NPM uninstall vue-cli -g install vUE -cli -g install vUE -CLI -g uninstall vUE -CLI -g uninstall vUE -CLI -g uninstall VUE -CLI -g Enter NPM install -g@vue /cli to view the version number. Vue -v (uppercase V) Indicates that the installation is successful. 3, install taobao mirror CNPM (not must, slow network can be installed) NPM install – g CNPM – registry=https://registry.npm.taobao.org

Create a vue3. X projectvue create projectname

Note: If you want to create a project in a directory, you can first open the folder, and then enter CMD in the folder address bar and press EnterLet’s pick the last oneManually select features3. Press the up and down key, then the space bar to select the desired option, and finally press the Enter key to enter the next step

>() Babel // transcoder, which can convert ES6 code to ES5 code for execution in existing environment. TypeScript// TypeScript is a superset of JavaScript (postfix.js) (postfix.ts) that includes and extends JavaScript syntax, The output needs to be compiled as JavaScript to run in the browser () Progressive Web App (PWA) Support// Progressive Web application () Router // vue-Router (VUE routing) () Vuex // Vuex (vue state management mode) () CSS pre-processors // CSS preprocessors (e.g. Less, sass) () Linter/Formatter // code style check and formatting (e.g. ESlint) () Unit Testing // Unit tests () E2E Testing // E2E (end to end) TestingCopy the code

4. Select the version of vUE you want to create, let’s choose 3.x5, whether to usehistoryRouting mode (without #), enter n

6. Select CSS mode, we selectnode-sassCSS preprocessor, Node-Sass is automatically compiled in real time, dart-Sass needs to be saved before it takes effect.7. Code validation mode, we choose the last oneESLint + Prettier 8. Hot update mode, selectLint on saveHot update as you save9. The configuration file is stored in a separate fileIn dedicated config files 10, whether to save the create option, save, the next create will be based on this choice, we first select n do not saveYou can then wait for the project to be createdAfter the creation, the following page is displayedWe can enter the CD command to enter the project foldercd oamyprojectAnd then typenpm run serveRun the VUE project