vue项目运行

共分为以下六步：

1、安装node.js
2、安装cnpm
3、安装vue-cli脚手架构建工具
4、用vue-cli构建项目
5、安装项目所需的依赖
6、运行项目

第1步：从node.js官网下载node.js 并进行安装，全部使用默认安装即可,官方网址：https://nodejs.org/en，注意选择lts版本

第2步安装cnmp

在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org 然后等待安装完成即可

第3步安装vue-cli脚手架

在命令行中运行命令 cnpm install -g vue-cli ，然后等待安装完成即可

第4步使用vue-cli来构建项目

我们在在d盘构建一个myvue项目，如下图所示

正在创建......

第5步安装所需依赖

首先进行myvue项目文件夹

等待安装完成即可

第6步运行项目也就是见证奇迹的时刻

已经运行起来

原文地址：https://www.cnblogs.com/lvlv/p/9966648.html

时间： 2024-10-14 04:41:32

vue项目运行的相关文章

简述vue项目运行方法

首先,列出来清单: node.js环境(npm包管理器)vue-cli 脚手架构建工具cnpm npm的淘宝镜像安装node.js 从node.js官网下载并安装node,安装过程很简单,一路"下一步"就可以了(傻瓜式安装).安装完成之后,打开命令行工具,输入 node -v,如下图,如果出现相应的版本号,则说明安装成功. npm包管理器,是集成在node中的,所以,直接输入 npm -v就会如下图所示,显示出npm的版本信息. OK!node环境已经安装完成,npm包管理器也有了.

vue项目运行后的 app.js代码略微阅读

<!DOCTYPE html> <html> <head> </head> <body> <div> </div> <script> (function (modules) { var t = modules; var t1 = t.AAA; t.BBB(1, 2, 3); })( { "./node_modules/@ant-design/colors/lib/generate.js":

vue项目搭建和运行

在师兄的推荐下入坑vue.js ,发现不知如何运行GitHub上的开源项目,很尴尬.通过查阅网上教程,成功搭建好项目环境,同时对前段工程化有了朦朦胧胧的认知,因此将环境搭建过程分享给大家. 首先,列出来我们需要的东西: node.js环境(npm包管理器) vue-cli 脚手架构建工具 cnpm npm的淘宝镜像安装node.js 从node.js官网下载并安装node,安装过程很简单,一路"下一步"就可以了(傻瓜式安装). 安装完成之后,打开命令行工具,输入 node -v,如

Vue 项目： npm run dev b报错 “'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序或批处理文件。”

前提: 电脑已经安装了nodeJS和npm, 项目是直接下载的zip包. 报错步骤为1:cd /d 目录: 2. npm ren dev -------> 报错如下: > webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 'webpack-dev-server' 不是内部或外部命令,也不是可运行的程序或批处理文件.npm ERR! code ELIFECYCLEnpm ERR! errno 1

Vue项目碰到"‘webpack-dev-server’不是内部或外部命令，也不是可运行的程序或批处理文件"报错

最近公司里做vue项目,svn了前端同事的项目代码,装好环境,运行项目(安装步骤随便百度一下,很详细),控制台里报错“‘webpack-dev-server’不是内部或外部命令,也不是可运行的程序或批处理文件,随机百度解决方法,有的说需要重新装依赖包,有的说扩展用户权限,都做了,但是报错依旧. 原因: 随机自己新建一个vue项目(https://segmentfault.com/a/1190000009871504),发现没有报错,于是可以肯定是svn下来的项目代码有问题, 解决办法: 最后将项

如何运行一个Vue项目

一开始很多刚入手vue.js的人,会扒GitHub上的开源项目,但是发现不知如何运行GitHub上的开源项目,很尴尬.通过查阅网上教程,成功搭建好项目环境,同时对前段工程化有了朦朦胧胧的认知,因此将环境搭建过程分享给大家. 首先,列出来我们需要的东西: node.js环境(npm包管理器) vue-cli 脚手架构建工具 cnpm npm的淘宝镜像安装node.js 安装需要安装v10.15.3稳定版本,不要安装v12.0.0版本,目前使用最新的版本运行项目是会报错. 从node.js官网下载

docker 运行jenkins及vue项目与springboot项目(四.docker运行nginx)

docker 运行jenkins及vue项目与springboot项目: 一.安装docker 二.docker运行jenkins为自动打包运行做准备三.jenkins的使用及自动打包vue项目四.docker运行nginx 五.jenkins打包springboot服务且在docker中运行准备配置创建 /home/jenkins/docker/nginx/nginx.conf 文件及/home/docker/nginx/log文件夹其nginx.conf 文件为在原nginx.co

docker 运行jenkins及vue项目与springboot项目(五.jenkins打包springboot服务且在docker中运行)

docker 运行jenkins及vue项目与springboot项目: 一.安装docker 二.docker运行jenkins为自动打包运行做准备三.jenkins的使用及自动打包vue项目四.docker运行nginx 五.jenkins打包springboot服务且在docker中运行 1.立即构建输入任务名称:service_blog 选择maven项目(先要在插件管理中安装maven插件) 2.配置源码管理选择git(先要在插件管理中安装git插件) 输入git地址.秘钥及

VUE环境项目运行以及搭建

首先借用别人的博客 https://www.cnblogs.com/lgx5/p/10732016.html 已有项目运行VUE项目 ndoe -v npm -v npm install -g cnpm --registry=http://registry.npm.taobao.org npm install webpack -g cnpm install vue-cli -g 项目目录下(如果中途有报错)https://www.cnblogs.com/kidsitcn/p/4557548.ht