(0)Vue环境搭建
(1)安装Node.js和NPM包管理器
- 下载node.js安装包(官网可下),选择默认的安装方式即可。
- 安装完成后,重新打开cmd窗口, node - v 和 npm -v 出现版本信息就表明已经安装成功。
- node的默认安装路径是c:/program Files/node.js文件夹。
(2)vue-cli脚手架的使用
- 路径切回到桌面,安装vue npm install vue
- npm install --gloabl @vue-cli@3.10
- vue init webpack my-project 等待下载完所需要的依赖之后按照提示就可以进入到项目了
- cd my-project
- npm run dev
- http://localhost:8080就可以进入到默认的界面 可以在config文件下配置不同的端口
使用WebStorm日常开发Vue项目,WebStorm的安装
(1)官网下载WebStorm,安装,需要激活。
(2)使用WebStorm,需要先安装好JDK,就是Java环境。
- 可去官网下载JDK,oracle.com
- 默认安装路径为c://ProgramFiles/Java/jdk...
- 设置环境变量:
-
- 系统变量中新建JAVA_HOME,变量值为安装JDK的安装路径,默认在c://ProgramFiles/Java/jdk...
- 系统变量中找到Path变量,输入%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
- 系统变量中新建CLASSPATH变量,变量值为: .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar
在安装WebStorm的过程中,一直报错显示缺少api-ms-win-crt-runtime-....文件
https://jingyan.baidu.com/article/ab0b5630480f6dc15afa7dff.html没解决
问题1:安装过程中,如果一直没有进度条,则说明是网络问题,需要换个网络,有些热点也是不可以的,多试几次就可以了
问题二:如果项目放在C盘,比如大家常用到的桌面,在运行过程中,可能会出现找不到有些资源的问题,需要将项目切到电脑中另外的盘,因为此资源可能被其他的应用占用导致。