如何建立运行vue项目

 时间:2024-10-13 08:05:11

1、第一步,肯定是安装node.js。根据需要下载安装,安装后如图,然后进行下一步

如何建立运行vue项目

2、打开命令提示符(win+r),然后进行下一步;

如何建立运行vue项目

3、输入node -v ,出现如下图所示,表示安装成功,进行下一步

如何建立运行vue项目

4、检查npm管理包,npm是集成在node中的,如图:输入npm -v出现如下图所示,显示出npm的版本信息,表示npm包含。然后进行下一步:

如何建立运行vue项目

5、安装cnpm,由于npm有些资源被屏蔽,儿有些是国外资源的原因, 会导致安装依赖的时候失败,这里安装cnpm国内镜像。输入如下命令:npm install -g cnpm --registry=http://registry.npm.taobao.org。然后等待,进行下一步

如何建立运行vue项目

6、如图:安装过程及结果如下:

如何建立运行vue项目如何建立运行vue项目

7、安装vue-cli,如图,输入cnpm install -g vue-cli ,等待完成。然后进行下一步

如何建立运行vue项目

8、把当前路径改到你要存放项目的路径,此处,如图,为演示方便,我们放在桌面上:然后进行下一步:

如何建立运行vue项目

9、在当前文件下用vue init webpack firstVue 初始化一个项目:然后进行下一步:

如何建立运行vue项目

10、在桌面有如下文件夹,表示建立成功:然后进行下一步:

如何建立运行vue项目

11、打开项目中package.json 文件,如图,为需要的依赖:

如何建立运行vue项目

12、安装所需依赖,进入文件路径,然后执行命令 cnpm install,等待安装。然后进行下一步:

如何建立运行vue项目

13、如图,依赖完成后,新增node_modules文件夹。然后进入下一步

如何建立运行vue项目

14、至此,项目已经建立,执行npm run dev 运行项目,等待结果:然后进入下一步

如何建立运行vue项目如何建立运行vue项目

15、打开浏览器,输入localhost:8080,出现如下,表示启动成功,就可以进行其他开发了。

如何建立运行vue项目
  • Linux系统怎么配置cron计划任务文件
  • 串口调试Advanced Serial Port Terminal全攻略
  • Win10怎么关闭索引服务 如何关闭索引功能
  • 家常长寿菜排名
  • 微信读书在哪取消订阅
  • 热门搜索
    去韩国旅游要多少钱 旅游服务企业 旅游的作文 江西海外旅游总公司 昆明大理丽江旅游攻略 郴州东江湖旅游攻略 牡丹江旅游局 荆州旅游景点大全 企业旅游 旅游工艺品批发