init文件

首先創(chuàng)建文件，在終端進入該文件目錄下,輸入

vue init webpack vuetest

這一步實例化一個Vue構造函數(shù)，會執(zhí)行Vue的init方法，在init方法中只要執(zhí)行三部分，一是初始化環(huán)境變量，而是處理Vue組件數(shù)據(jù)，三是解析掛載組件。

根據(jù)自己要求安裝

image.png

最后會出現(xiàn)一=一個地址，這個地址不是上線地址，而是Vue調(diào)試地址，上線的話還有執(zhí)行打包

image1.png

執(zhí)行上述文件時會自動生成下列文件夾，src文件里面放置未打包之前的文件，src中assets文件夾存放需要打包的文件，component文件存放各種組件

image2.png

如果最后文件寫好需要打包，執(zhí)行命令

npm run build

執(zhí)行之后會自動生成一個dis文件，如果文件不需要打包，可以把文件放置在static文件里面，例如JQ文件，但不打包的文件就需要引用，static里面有個.gitkeep文件，這個文件是防止文件打包上傳到github時避免被過濾掉，因為如果是空文件，是傳不到github中的。

image4.png

如下圖所示，我們需要的JQ文件不需要打包的話就需要在index.html文件頭部引入，index.html是Vue的進入口

image5.png