首页 > Web开发 > 详细

Vue.js搭建环境以及遇到的问题(一)

时间:2020-05-01 10:12:12      阅读:63      评论:0      收藏:0      [点我收藏+]

1.下载node.js node.js官网
技术分享图片

 

 

 

2.下载完成后安装,控制台打开输入 node -v,npm -v出现版本说明安装成功 

3.安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org

4.配置当前实体 npm config set registry https://registry.npm.taobao.org,并查看当前实体 npm config get registry

5.重新安装 npm install nrm -g

6.查看安装的所有registry   nrm ls

7.安装vue-cli脚手架构建工具 npm install -g vue-cli

8.使用vue init webpack firstApp 创建第一个项目

build:最终发布的代码的存放位置。

config:配置路径、端口号等一些信息,我们刚开始学习的时候选择默认配置。

node_modules:npm 加载的项目依赖模块,(整个项目需要的依赖资源)

src:这里是我们开发的主要目录,基本上要做的事情都在这个目录里面,里面包含了几个目录及文件:

assets:放置一些图片,如logo等

components:目录里放的是一个组件文件,可以不用。

App.vue:项目入口文件,我们也可以将组件写这里,而不使用components目录。

main.js :项目的核心文件

static:静态资源目录,如图片、字体等。

test:初始测试目录,可删除

.XXXX文件:配置文件。

index.html:首页入口文件,可以添加一些meta信息或者同统计代码啥的。

package.json:项目配置文件。

README.md:项目的说明文件。

 

cnpm install,npm run dev

 

Vue.js搭建环境以及遇到的问题(一)

原文:https://www.cnblogs.com/Gavin-Leo/p/12812390.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!