小喵的VUE项目搭建(一)
2020-04-09 22:13
10 查看
配置node环境
1.先去网上下载node。
网址:https://nodejs.org/en/
2.安装node
打开后Next下一步
第二小步:把勾勾上Next下一步
第三小步:选择安装node的路径;不推荐安装在c盘
直接下一步
直接Install安装
等待安装完成
安装成功
打开cmd,输入
node -v和
npm -v是否安装成功,成功如下:
为了方便起见:把淘宝镜像也安装好:
npm install -g cnpm –registry=https://registry.npm.taobao.org
这个为了以后方便,以后再用到npm的地方直接用cnpm来代替就好了
查看是否安装成功,成功如下
搭建vue项目
1.全局安装vue-cli
cnpm install --global vue-cli
安装完成
vue init webpage myvue(myvue项目名称)
启动项目
cd myvue
cnpm run dev(或者cnpm start)
项目成功运行:
打开: http://localhost:8080
相关文章推荐
- 零基础搭建vue项目
- Vue-cli搭建完项目,各文件解释
- vue学习路线1——搭建本地项目
- Vue-cli3搭建Vue项目
- vue+vue-cli搭建项目
- vue学习笔记(一)使用npm,webpack,vue-cli搭建vue项目
- vue-cli脚手架搭建简单项目(Visual Studio Code,基于vue4.x版本)
- Vue.js项目模板搭建
- 从零开始搭建前后端分离的NetCore2.2(EF Core CodeFirst+Autofac)+Vue的项目框架之九如何进行用户权限控制
- vue项目安装搭建
- 搭建Vue项目,并简单的使用axios获得json文件中的数据
- 【23】使用vue-cli脚手架搭建webpack项目基本结构
- vue 项目结构搭建 脚手架的搭建 Vue-cil
- vue项目实践教程1:vux项目搭建和简介
- 用vue-cli来搭建vue项目和webpack
- vue项目搭建的步骤
- vue的安装和项目搭建
- 搭建Vue前端项目
- WEB前端 vue学习一使用 vue-cli 搭建项目