(0)Vue环境搭建

(1)安装Node.js和NPM包管理器

  1. 下载node.js安装包(官网可下),选择默认的安装方式即可。
  2. 安装完成后,重新打开cmd窗口, node - v 和 npm -v 出现版本信息就表明已经安装成功。
  3. node的默认安装路径是c:/program Files/node.js文件夹。  

(2)vue-cli脚手架的使用

  1. 路径切回到桌面,安装vue  npm  install  vue
  2. npm install --gloabl @vue-cli@3.10
  3. vue init webpack my-project 等待下载完所需要的依赖之后按照提示就可以进入到项目了
  4.  cd my-project 
  5. npm run dev 
  6. http://localhost:8080就可以进入到默认的界面 可以在config文件下配置不同的端口

使用WebStorm日常开发Vue项目,WebStorm的安装

(1)官网下载WebStorm,安装,需要激活。

(2)使用WebStorm,需要先安装好JDK,就是Java环境。

  1. 可去官网下载JDK,oracle.com
  2. 默认安装路径为c://ProgramFiles/Java/jdk...
  3. 设置环境变量:
      • 系统变量中新建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盘,比如大家常用到的桌面,在运行过程中,可能会出现找不到有些资源的问题,需要将项目切到电脑中另外的盘,因为此资源可能被其他的应用占用导致。

posted @ 2020-11-25 17:44  壹碗  阅读(115)  评论(0)    收藏  举报