1.  下载node

https://nodejs.org/dist/v8.11.2/node-v8.11.2-x64.msi

2. 查看npm版本 
在cmd下输入命令:npm -v 

安装vue.js

如果低于3.0版本需要进行升级(一般nodejs自带的npm的版本都太低,我在第一次运行的时候就被告知版本太低无法运行) 
升级方法: 
在cmd命令下cd到nodejs安装目录,然后输入以下命令:npm update npm 

这里要等待一下。更新完成后再使用:npm -v 检查一下版本

安装vue.js


3. cnpm的安装 
cnpm是淘宝的一个镜像,安装之后可以使用cnpm安装命令工具,安装速度会加快。 
直接使用npm install -g cnpm –registry=https://registry.npm.taobao.org 

命令安装即可。

安装vue.js


4. 安装vue-cli 
vue-cli是vue官方提供的一个命令行工具,可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置,带来现代化的前端开发流程。只需一分钟即可启动带热重载、保存时静态检查以及可用于生产环境的构建配置的项目。 
安装命令为:cnpm install -g vue-cli,回车,等待安装。 
安装完后,检查是否安装成功,输入vue -V,出现以下版本信息:
安装vue.js

将vue.cmd的路径加入Path环境变量中

安装vue.js

这里是最容易出错的地方,因为要用大写的V


5. 新建一个Vue项目 
新建一个文件夹vueJs用于存放项目
cd到此文件夹,输入:vue init webpack vue-demo 
按照以下设置:

安装vue.js

安装vue.js

安装项目依赖的包

cd到vue-demo 文件夹,执行 nmp install,安装依赖包,安装完成之后,项目目录下多了node_modules

 

6. 更改默认端口号8080为指定端口

在命令行里输入 npm run dev,执行完成后启动项目,浏览器出现以下接结果

安装vue.js

安装vue.js

修改为8070


安装vue.js

安装vue.js





相关文章:

  • 2021-07-30
  • 2021-07-27
  • 2022-12-23
  • 2021-10-09
  • 2021-04-15
  • 2021-09-15
  • 2021-07-17
猜你喜欢
  • 2021-06-28
  • 2021-12-03
  • 2021-09-19
  • 2021-10-27
相关资源
相似解决方案