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

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

猜你喜欢

转载自www.cnblogs.com/Gavin-Leo/p/12812390.html