VScode 使用vue前端的基本知识点

这个并不是科学的哟，是我觉得乱七八糟有用的。

1.首先在在VSCODE中安装使用VUE UI

在VScode终端中输入

npm install -g @vue/cli

　完成后，输入

vue ui

　　会在新窗口中打开VUE UI界面。

 在上面新建一个项目，会自动完成。

注意，打开的项目下面必须是根目录。

不行重新打开。

VUE VSCODE，以文件 夹为项目。

 

象这个package.json必须在目录下面。才是正确的打开方式。

vue项目都是vue后缀

你运行yarn run start的时候，他默认查找当前目录的package.json，执行里面的script里面的start脚本

 yarn的时候，最好先设一下国内阿里的镜像。

 npm淘宝镜像设置 

npm install -g cnpm --registry=https://registry.npm.taobao.org

可是 yarn 还原的时候一样的错误。

gyp info spawn args   '/p:Configuration=Release;Platform=x64'
gyp info spawn args ]
gyp ERR! UNCAUGHT EXCEPTION
gyp ERR! stack Error: spawn C:\Program Files (x86)\Microsoft Visual Studio\2019\Enterprise\MSBuild\15.0\Bin\MSBuild.exe ENOENT
gyp ERR! stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:264:19)
gyp ERR! stack     at onErrorNT (internal/child_process.js:456:16)
gyp ERR! stack     at processTicksAndRejections (internal/process/task_queues.js:80:21)
gyp ERR! System Windows_NT 10.0.17134
gyp ERR! command "C:\\Program Files\\nodejs\\node.exe" "F:\\newfront\\node_modules\\node-gyp\\bin\\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
gyp ERR! cwd F:\newfront\node_modules\node-sass
gyp ERR! node -v v12.14.0
gyp ERR! node-gyp -v v3.8.0
gyp ERR! This is a bug in `node-gyp`.
gyp ERR! Try to update node-gyp and file an Issue if it does not help:
gyp ERR!     <https://github.com/nodejs/node-gyp/issues>

　　安装git包后，用vscode克隆 

PS F:\front2> git clone https://github.com/xxred/Easy.Front-End.git

　　

 

npm config   set  msvs_version