Vue installation and configuration introductory tutorial (very detailed), from zero-based introductory to proficient, it is enough to read this article

1. Download and install Vue

Official website download link Download | Node.js

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

After downloading, double-click the downloaded installation package.

point next

Check I accept..., click next

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

There are five options here, you can take a look when you have time, that is, some components and npm will be installed during installation, and environment variables will be added at the same time, with instructions on the right. Let's click next directly

There is no need to check here, just click next

install

finish

After the installation is complete, check to see if 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.

The full directory after installation:

2. Create a global installation directory and cache log directory

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

Open the Dos window and execute the following command to configure the npm 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. (It has been modified here, so we don’t need to install cnpm, because cnpm is **Node.js Taobao Mirror Accelerator, **if it is configured here, it doesn’t need to be installed)

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, the parameters you just modified will be gone, and you will return to the default configuration.

3. Configure environment variables

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

  1. Environment Variables - User Variables - Select Path - 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 we will automatically generate this folder 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 means to install to the global global directory. If -g is not added, the module will be installed in the node_modules folder in the current path. If there is no directory, it will be created automatically.

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 the file is deleted, and the global module directory and cache directory configuration we modified earlier are gone! ! ! At that time, the vue package will be downloaded to C:\Users\your username\AppData\Roaming\npm, which is the default place, so our previous modification will be meaningless.

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

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

npm install vue -g

2. Install the webpack template

npm install webpack -g

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

npm install webpack-cli -g

Enter webpack -v, if the version number can be output, it means that everything is installed.

3. Install scaffolding vue-cli

npm install vue-cli -g

Enter vue --version, if the version number can be output, it means that it is installed.

4. Install vue-router

npm install vue-router -g

All done, we open the node_modules folder under our custom global module directory, and you will find that all installed modules are unified here.

4. My first vue-cli application

  1. Create a project (preferably in a certain location from cd to D disk, E disk, that is, the path of the project, otherwise the project will be newly created in C:\Users\username\, or you can directly enter cmd under 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? carriage return
  • project description? carriage return
  • author? carriage return
  • Whether to install the compiler press Enter
  • Whether to install vue-router y Enter
  • Whether to use ESLint to do code inspection n carriage return
  • Whether to install the unit test tool n Enter
  • Unit test related n Enter
  • After the creation is complete, initialize n directly and press Enter

Because there is no automatic initialization, we manually initialize according to the code prompt

cd myvue
npm run dev

Access URL: Success!

Digression

Many people who are new to the computer industry or graduates of computer-related majors have encountered obstacles everywhere due to lack of practical experience. Let's look at two sets of data:

  • The 2023 national college graduates are expected to reach 11.58 million, and the employment situation is severe;

  • According to the data released by the National Network Security Publicity Week, by 2027, the shortage of network security personnel in my country will reach 3.27 million.

    On the one hand, the employment situation of fresh graduates is severe every year, and on the other hand, there is a gap of one million cyber security talents.

On June 9, the 2023 edition of the Employment Blue Book of MyCOS Research (including the 2023 Employment Report for Undergraduates in China and the Employment Report for Higher Vocational Students in China in 2023) was officially released.

Top 10 Majors with Higher Monthly Salary for 2022 College Graduates

The monthly income of undergraduate computer science majors and higher vocational automation majors is relatively high. The monthly income of the 2022 class of undergraduate computer science and higher vocational automation majors is 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 of overtaking railway transportation majors (5295 yuan) ranks first.

Specifically, depending on the major, the major with a higher monthly income for undergraduates in 2022 is information security (7579 yuan). Compared with the class of 2018, undergraduate majors related to artificial intelligence, such as electronic science and technology, automation, performed well, and their starting salaries increased by 19% compared with five years ago. Although data science and big data technology are newly added majors in recent years, they have performed well, and have ranked among the top three majors with higher monthly income half a year after graduation for the 2022 class of undergraduates. The only humanities and social science major that entered the top 10 undergraduate high-paying list five years ago-French has dropped out of the top 10.

"There is no national security without cybersecurity". At present, network security has been elevated to the height 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 rises quickly. In 2021, Liepin.com released the highest employment salary in the network security industry, which is 337,700 yuan per capita!

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 needs 1.4 million cyberspace security talents, but schools across the country train less than 1.5 million people each year. Liepin.com's "Cyber ​​Security Report for the First Half of 2021" predicts that the demand for cyber security talents will be 3 million in 2027, and there are only 100,000 employees currently engaged in the cyber security industry.

There is a lot of room for development in the industry, 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 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 , Actual combat offensive and defensive professionals...

Great career potential

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

With the continuous improvement of personal ability, the professional value of the work will also increase with the enrichment of one's own experience and the maturity of project operation, and the appreciation space is bullish all the way, which is the main reason why it is popular with everyone.

To some extent, in the field of network security, just like the doctor profession, the older you are, the more popular you become. Because the technology becomes more mature, the work will naturally be valued, and promotion and salary increase are a matter of course.

Hacking & Cyber ​​Security How to Learn

Today, as long as you give my article a thumbs-up, I will share my private collection of online security learning materials with you for free, so let’s see what is there.

1. Learning Roadmap

There are also many things to learn in attack and defense. I have written all the specific things to learn in the roadmap above. If you can learn them, you will have no problem getting a job or taking private jobs.

2. Video Tutorial

Although there are many learning resources on the Internet, they are basically incomplete. This is a video tutorial on cyber security recorded by myself. I have a supporting video explanation for every knowledge point in the above roadmap.

The content covers the study of network security law, network security operation and other guarantee assessment, penetration testing basics, detailed explanation of vulnerabilities, basic computer knowledge, etc., which are all learning contents that must be known when getting started with network security.

(It’s all packed into one piece and cannot be unfolded one by one. There are more than 300 episodes in total)

Due to limited space, only part of the information is shown, you need to click the link below to get it

CSDN spree: "Hacker & Network Security Introduction & Advanced Learning Resource Pack" free sharing

3. Technical documents and e-books

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

Due to limited space, only part of the information is shown, you need to click the link below to get it

CSDN spree: "Hacker & Network Security Introduction & Advanced Learning Resource Pack" free sharing

4. Toolkit, interview questions and source code

"If you want to do a good job, 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 source code of the case and the corresponding toolkit mentioned in my video, which can be taken away if needed.

Due to limited space, only part of the information is shown, you need to click the link below to get it

CSDN spree: "Hacker & Network Security Introduction & Advanced Learning Resource Pack" free sharing

Finally, there are interview questions about Internet security that I have sorted out in the past few years. If you are looking for a job in Internet security, they will definitely help you a lot.

These questions are often encountered in interviews with 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, including graphic representation, which is easier to understand.

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

Due to limited space, only part of the information is shown, you need to click the link below to get it

CSDN spree: "Hacker & Network Security Introduction & Advanced Learning Resource Pack" free sharing

Guess you like

Origin blog.csdn.net/Python_0011/article/details/131593942