使用node环境创建vue项目

检查node的环境
以管理员的身份运行cmd
1.输入：node -v

2.检查npm 的版本号
npm -v

注意顺序不要错，不然会很麻烦
安装cnpm
3. npm install -g cnpm

安装vue
4. npm install vue
4. 安装vue-cli
5. cnpm install -g vue-cli

安装完之后
vue list 会看到可以创建的项目

切换到自己的vue项目下面，然后创建项目
用命令：
veu init webapck myvue
如图
Project name myvue（自己取的名字）
? Author sophy（自己写一个）

然后进入到创建好的目录
cd myvue
安装依赖的环境
npm install 如果这个安装太慢，或者卡住不动可以用下面这个
npm install --global smart-npm --registry=https://registry.npm.taobao.org/
再执行 npm install 会非常快

最后
npm run dev 启动项目
ctrl+c 关闭项目

安装以下这两个
npm install webpack -g
npm install webpack-cli -g
检查版本：
webpack -v
webpack-cli -v

使用node环境创建vue项目相关推荐

搭建环境创建vue项目
搭建环境创建vue项目 1.安装npm 2.使用淘宝NPM镜像 3.项目初始化 4.命令行创建项目 1.安装npm 下载对应你电脑系统的Node.js版本:下载 | Node.js 中文网具体安装步 ...
node安装与环境搭建 + VUE项目搭建
一.node环境安装 1.node下载 node.js官网地址:Node.js LTS:表示稳定版一般用于生产环境,重点在于稳定,如果你需要稳定性并拥有复杂的生产环境(例如中型或大型企业),建议使 ...
ui vue 创建项目教程并关闭语法_使用vue ui命令创建vue项目步骤
1.前置环境 1.node.js 2.vue-cli 3.webstorm 2.创建步骤 1.在webstorm中打开一个终端,输入 #vue ui 运行结束后,会启动一个web服务用以可视化创建vu ...
vue的使用（引用/创建vue项目）（一）
在程序开发中,有三种方式创建vue项目,本地引入vuejs.使用cdn引入vuejs.使用vue-cli创建vue项目.其中vue-cli可以结合webpack打包工具使用,大大方便了开发步骤,使用广 ...
Vue学习笔记一创建vue项目
1:安装Node.js Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境.可以搜索Node.js的官网下载,安装完成后,打开命令提示符cmd.exe,输入node ...
vue ui工具来创建vue项目（IDEA）
使用vue ui工具来创建vue项目(IDEA) 1.下载node.js 首先我们上node.js官网, 下载最新的长期版本,直接运行安装完成之后,我们就已经具备了node和npm的环境 2.检查是否 ...
基于图形化界面创建Vue项目
记录:267 场景:基于图形化界面创建Vue项目,便于后续查阅. 环境:Node.js v14.17.3 1.打开cmd控制台运行命令:vue ui 截图: 2.项目仪表盘截图: 3.Vue 项目 ...
webstorm创建vue项目（035）
webstorm创建vue项目一.版本 webstorm版本 2021.1.1 node 版本 14.16.0 vue.cli 版本 4.5.13 二.新建 1. create 选择自定义配置选项. ...
创建VUE项目，vue-cli2.0版本和3.0版本的区别，将vue2.0项目升级为vue3.0项目
创建VUE项目,vue-cli2.0版本和3.0版本的区别,将vue2.0项目升级为vue3.0项目使用vue-cli2.0版本创建vue项目创建前的准备开始创建创建过程项目正常创建使用v ...

使用node环境创建vue项目

使用node环境创建vue项目相关推荐

最新文章

热门文章