Vue installation and configuration tutorial (very detailed) from scratch to mastery, just read this article

1. Download and install Vue

Official website download address Download | Node.js

Choose the version that suits you. We recommend LTS, a long-term stable version. What I chose here is Windows Installer (.msi) 64-bit

After downloading, double-click the downloaded installation package.

Click next

Check I accept... and click next

It is recommended to change to the installation directory you want, and then click next (you can create the installation directory yourself first, here is a directory built in advance: E:\Java\nodejs)

There are five options here. You can take a look if you have time. During installation, some components and npm will be installed, and environment variables will be added. There are instructions on the right. Let’s just click next

No need to check here, just click next

install

finish

After the installation is complete, check whether the installation was successful.

Open cmd and enter the following command.

node -v
npm -v

If the version number is output, the installation is successful.

Complete directory after installation:

2. Create the global installation directory and cache log directory

In our installation directory, create two folders named node_cache and node_global.

Open the Dos window and execute the following commands to configure npm's global module directory and cache directory to the two directories we just created.

npm config set prefix "your installation directory\node_global"

npm config set cache "your installation directory\node_cache"

In order to download the package quickly in the future, modify the source to Taobao mirror. (After modification here, we don’t need to install cnpm, because cnpm is the **Node.js Taobao mirror accelerator. **If it is configured here, there is no need to install it)

npm config set registry https://registry.npm.taobao.org

Check whether the npm configuration modification is successful

npm config list

At the same time, we will find an additional file: the .npmrc file under C:\Users\username\, which can be understood as a configuration file that records the modification information of the current user. If you delete this file, all the parameters you just modified will be gone and the default configuration will be returned.

3. Configure environment variables

During the installation process, two environment variables are automatically configured. One is environment variables-user variables- C:\Users\your username\AppData\Roaming\npm in Path. The other is environment variables-system variables-Path . We need to add and modify the software installation directory .

  1. Environment Variables - User Variables - Select Path - Click Edit

Change C:\Users\your username\AppData\Roaming\npm to your installation directory\node_global

2. Environment Variables—System Variables—New

Variable name: NODE_PATH

Variable value: your installation directory\node_global\node_modules

Note: The node_modules directory here does not exist yet, but this folder will be automatically generated when we install the module into the global directory.

Remember to add %NODE_PATH% to the system variable-Path

3. Install vue

1. Install vue.js

npm install vue -g

Among them, -g is global installation, which refers to installation in the global global directory. If -g is not added, the module will be installed in the node_modules folder under the current path. If there is no directory, it will be automatically created.

If this problem occurs, it is because the current user does not have this permission.

Some methods on the Internet are to delete the .npmrc file under C:\Users\username\. This must not be done, because if that file is deleted, the global module directory and cache directory configuration we modified earlier will be gone! ! ! At that time, the vue package will be downloaded to C:\Users\your username\AppData\Roaming\npm, which is the default location, so our previous modifications will be meaningless.

The correct way to open it is to run it as an administrator!

Win + s search for "Command Prompt", right click and run as administrator.

npm install vue -g

2. Install webpack template

npm install webpack -g

In addition, in webpack 4x and above, webpack puts all command-related content into webpack-cli, so webpack-cli also needs to be installed.

npm install webpack-cli -g

Enter webpack -v. If the version number is output, it means everything is installed.

3. Install the scaffolding vue-cli

npm install vue-cli -g

Enter vue --version. If the version number is output, it means it is installed.

4. Install vue-router

npm install vue-router -g

Now that everything is done, we open the node_modules folder in our customized global module directory, and we will find that the installed modules are all unified here.

4. My first vue-cli application

  1. Create the project (it is best to cd to a location on the D drive or E drive, that is, the path of the project, otherwise the project will be created in C:\Users\username\, or you can directly enter cmd in the desired project path) There may be permission issues, so we still run the cmd window as an administrator.

  1. Create a vue application based on webpack template
 vue init webpack 项目名

Operate according to your own needs.

  • What is the project name? Enter
  • project description? Enter
  • author? Enter
  • Whether to install the compiler and press Enter
  • Whether to install vue-router y press Enter
  • Whether to use ESLint for code checking n press enter
  • Whether to install unit testing toolsn Press Enter
  • Unit test relatedn Enter
  • After creation, initialize directly n and press Enter

Because there is no automatic initialization, we follow the code prompts to manually initialize it.

cd myvue
npm run dev

Visit URL: Success!


digression

Many people who are new to the computer industry or graduates of computer-related majors from universities encounter difficulties in finding employment due to lack of practical experience. Let's look at two sets of data:

  • The number of college graduates nationwide in 2023 is expected to reach 11.58 million, and the employment situation is grim;

  • Data released during the National Cyber ​​Security Awareness Week show that by 2027, the shortage of cyber security personnel in our country will reach 3.27 million.

On the one hand, the employment situation for fresh graduates is grim every year, and on the other hand, there is a shortage of one million cybersecurity talents.

On June 9, Max Research’s 2023 Employment Blue Book (including the “2023 China Undergraduate Employment Report” and “2023 China Higher Vocational Students Employment Report”) was officially released.

The top 10 majors with the highest monthly income for college graduates in 2022

Undergraduate computer majors and higher vocational automation majors have higher monthly incomes. The monthly incomes of the 2022 undergraduate computer majors and higher vocational automation majors are 6,863 yuan and 5,339 yuan respectively. Among them, the starting salary of undergraduate computer majors is basically the same as that of the 2021 class, and the monthly income of higher vocational automation majors has increased significantly. The 2022 class overtook the railway transportation major (5,295 yuan) to rank first.

Looking at the major specifically, the major with the highest monthly income for the 2022 undergraduate class is information security (7,579 yuan). Compared with the class of 2018, undergraduate majors related to artificial intelligence such as electronic science and technology and automation performed well, with starting salaries increasing by 19% compared with five years ago. Although data science and big data technology are new majors in recent years, they have performed well and have ranked among the top three majors with the highest monthly income for 2022 undergraduate graduates six months after graduation. French, the only humanities and social sciences major that entered the top 10 highest-paying undergraduates five years ago, has dropped out of the top 10.

“There is no national security without cybersecurity.” At present, network security has been elevated to the level of national strategy and has become one of the most important factors affecting national security and social stability.

Characteristics of the network security industry

1. The employment salary is very high, and the salary increases quickly. In 2021, Liepin.com announced that the employment salary in the network security industry is the highest per capita in the industry, 337,700!

2. There is a large talent gap and many employment opportunities

On September 18, 2019, the official website of the "Central People's Government of the People's Republic of China" published: my country's demand for cyberspace security talents is 1.4 million, but major schools across the country train less than 1.5 million people every year. Liepin.com’s “Cybersecurity Report for the First Half of 2021” predicts that the demand for network security talents in 2027 will be 3 million. Currently, there are only 100,000 employees engaged in the network security industry.

The industry has huge room for development and there are many jobs

Since the establishment of the network security industry, dozens of new network security industry positions have been added: network security experts, network security analysts, security consultants, network security engineers, security architects, security operation and maintenance engineers, penetration engineers, information security management Officer, data security engineer, network security operations engineer, network security emergency response engineer, data appraiser, network security product manager, network security service engineer, network security trainer, network security auditor, threat intelligence analysis engineer, disaster recovery professional , Practical attack and defense professionals...

Great career value-added potential

The network security major has strong technical characteristics, especially mastering the core network architecture and security technologies at work, which has an irreplaceable competitive advantage in career development.

As personal abilities continue to improve, the professional value of the work they do will also increase with the enrichment of their experience and the maturity of project operations, and the room for appreciation will continue to increase. This is the main reason why it is popular with everyone.

To a certain extent, in the field of network security, just like the medical profession, the older you get, the more popular you become. Because the technology becomes more mature, your work will naturally be taken seriously, and promotion and salary increases will come naturally.

How to learn hacking & network security

As long as you like my article today, my private network security learning materials will be shared with you for free. Come and see what is available.

1. Learning roadmap

There are a lot of things to learn about attack and defense. I have written down the specific things you need to learn in the road map above. If you can complete them, you will have no problem getting a job or taking on a private job.

2. Video tutorial

Although there are many learning resources on the Internet, they are basically incomplete. This is an Internet security video tutorial I recorded myself. I have accompanying video explanations for every knowledge point in the roadmap above.

The content covers the study of network security laws, network security operations and other security assessments, penetration testing basics, detailed explanations of vulnerabilities, basic computer knowledge, etc. They are all must-know learning contents for getting started with network security.

(They are all packaged into one piece and cannot be expanded one by one. There are more than 300 episodes in total)

Due to limited space, only part of the information is displayed. You need to click on the link below to obtain it.

CSDN gift package: "Hacker & Network Security Introduction & Advanced Learning Resource Package" free sharing

3. Technical documents and e-books

I also compiled the technical documents myself, including my experience and technical points in participating in large-scale network security operations, CTF, and digging SRC vulnerabilities. There are more than 200 e-books. Due to the sensitivity of the content, I will not display them one by one.

Due to limited space, only part of the information is displayed. You need to click on the link below to obtain it.

CSDN gift package: "Hacker & Network Security Introduction & Advanced Learning Resource Package" free sharing

4. Toolkit, interview questions and source code

"If you want to do your job well, you must first sharpen your tools." I have summarized dozens of the most popular hacking tools for everyone. The scope of coverage mainly focuses on information collection, Android hacking tools, automation tools, phishing, etc. Interested students should not miss it.

There is also the case source code and corresponding toolkit mentioned in my video, which you can take away if needed.

Due to limited space, only part of the information is displayed. You need to click on the link below to obtain it.

CSDN gift package: "Hacker & Network Security Introduction & Advanced Learning Resource Package" free sharing

Finally, here are the interview questions about network security that I have compiled over the past few years. If you are looking for a job in network security, they will definitely help you a lot.

These questions are often encountered when interviewing Sangfor, Qi Anxin, Tencent or other major companies. If you have good questions or good insights, please share them.

Reference analysis: Sangfor official website, Qi’anxin official website, Freebuf, csdn, etc.

Content features: Clear organization and graphical representation to make it easier to understand.

Summary of content: Including intranet, operating system, protocol, penetration testing, security service, vulnerability, injection, XSS, CSRF, SSRF, file upload, file download, file inclusion, XXE, logical vulnerability, tools, SQLmap, NMAP, BP, MSF…

Due to limited space, only part of the information is displayed. You need to click on the link below to obtain it.

CSDN gift package: "Hacker & Network Security Introduction & Advanced Learning Resource Package" free sharing

Guess you like

Origin blog.csdn.net/Javachichi/article/details/132868889