m10118003 / vue_youtube_project

youtube_vue_project

In this Vue project, I use the pug-HTML, CSS-preprocessor the scss, and Tailwind CSS, also fit the RWD.

If the steps successfully working, it may visualize.

First, please install the Node.js

And use the "Recommended For Most Users" option.

Second use the CLI

Under the directory, then use the CLI to key in cd youtube_project, and please follow the steps.

Project setup

npm install  

Compiles and hot-reloads for development

npm run serve  

Compiles and minifies for production

npm run build  

Lints and fixes files

npm run lint  

Customize configuration

See Configuration Reference.

If the vue project not initialize and cpmpiles, please follow the steps

1. Under the youtube_vue_project file, and use CLI to key in:

npm install  

2. Reinstall the Node.js.

3. Go to check the Console/System & Security/System →

==Advanced system settings==

Find the environment variable and Path, then Surf.

Find your npm directory and assign it to npm directory, normally will like

C:\Users\username\AppData\Roaming\npm (username, Change to your computer user mane!)  

4. Run the npm run serve again.