VS Code开启第一个VUE前端项目(1)
最头疼的还是环境的安装配置等操作,也是为了以后忘记,记录自己的前端学习过程。首先VUE是前端的框架,全称为vue.js,一般需要同node.js一起使用。一. 下载node.js一路next就结束了,然后windows+R,输入cmd,打开后台输入node -v查看是否安装成功有版本就说明成功了,其中npm也会安装,同样输入npm -v,可以查看安装结果np...
最头疼的还是环境的安装配置等操作,也是为了以后忘记,记录自己的前端学习过程。
首先VUE是前端的框架,全称为vue.js,一般需要同node.js一起使用。
一. 下载node.js
一路next就结束了,然后windows+R,输入cmd,打开后台
输入node -v查看是否安装成功
有版本就说明成功了,其中npm也会安装,同样输入npm -v,可以查看安装结果
npm可以用来下载vue,输入命令npm install vue -g和命令npm install vue-cli -g就可以了。
二.安装VS Code
下载最新版就可以了。
需要安装两个插件,vetur插件和中文插件
然后在你自己的工作目录下,点击ctrl+~,打开终端进行,输入命令来插件vue文件。
会出来这样的结果,有些需要给定数据,我的如下:
PS E:\vs_workspace> vue init webpack Demo1
vue-cli · Generated "Demo1".
npm WARN deprecated browserslist@2.11.3: Browserslist 2 could fail on reading > uglifyjs-webpack-plugin@0.4.6 postinstall E:\vs_workspace\Demo1\node_modules\webpack\node_modules\uglifyjs-webpack-plugin npm notice created a lockfile as package-lock.json. You should commit this file. added 1096 packages from 643 contributors and audited 11501 packages in 95.001s # Project initialization finished! To get started: cd Demo1 Documentation can be found at https://vuejs-templates.github.io/webpack |
然后再输入两个命令,就可以在本地的localhost:8080/#/中获取我们的Vue结果了
项目的目录也有了
持续更新
更多推荐
所有评论(0)