VUE之环境安装

Posted sky-lz

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了VUE之环境安装相关的知识,希望对你有一定的参考价值。

一、环境安装

软件安装:

nodejs https://nodejs.org/en/
vscode https://code.visualstudio.com/docs/?dv=win
python-2.7.15 https://pan.baidu.com/s/1LBqkL6PYXpa1LrUHLdLteQ

 

Node.js环境安装

  参考该链接(很详细):https://www.cnblogs.com/zhouyu2017/p/6485265.html

vscode推荐插件

  Auto Close Tag, Auto Rename Tag, Beautify,Beautify css/sass/scss/less,Bookmarks,Chinese (Simplified) Language Pack for Visual Studio Code,

  Color Highlight,html CSS Support,htmltagwrap,Path Autocomplete,Vetur,View In Browser,Vue 2 Snippets,Vue VSCode Snippets,VueHelper

导入项目 

  在vscode中打开项目: 

    文件->打开文件夹->选择vue_sources项目根目录,导入项目。

    在项目根目录执行cmd命令:

    1. 输入:npm install ,回车,等待安装package.json配置的相关插件...

    2.输入:npm run build,编译项目。

    3.打开dist目录下的index.html.

以上是关于VUE之环境安装的主要内容,如果未能解决你的问题,请参考以下文章

前后端分离之Vue

mac学习vue之环境搭建

mac学习vue之环境搭建

mac学习vue之环境搭建

vuejs基础入门之环境搭建

Node.js+Vue+mysql项目实战入门之环境搭建,项目创建-附github地址