vscode built environment vue method Jisuban

Copyright: please indicate the source, thank you! https://blog.csdn.net/dreamstone_xiaoqw/article/details/90453370

vscode build vue-cli scaffolding, Xiao Bian feel sort of sharing at a more efficient method.

view-cli

Basic environment

vscode official website to download and install: https://code.visualstudio.com/
nodejs (npm initial environment) official website to download and install, and configure the environment variables : https://nodejs.org/en/download/

Open vscode terminal

"Left Sidebar
" Explorer
"right blank area to add folders (New)
" Right Folder
"select Open in Terminal

Figure:
Here Insert Picture Description

Command line input

npm install vue
npm install vue-cli -g
vue init webpack yixzm_spa
cd yixzm_spa
npm install
npm run dev

Or use cnpm:

npm install cnpm -g
cnpm install vue
cnpm install vue-cli -g

Successful operation output

 DONE  Compiled successfully in 520ms                   17:43:07
 I  Your application is running here: http://localhost:8080

HTML pages link introduced

Production environment so no one should play? Unless you write a single page, in a vue scene so only play okay.

Official website CDN

Learn

<script src="https://cdn.jsdelivr.net/npm/vue"></script>

produce

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>

End

Xiao Bian feel vue installation and configuration tutorials have to look at each site documentation, the official website is not very simple.

Guess you like

Origin blog.csdn.net/dreamstone_xiaoqw/article/details/90453370