vuejs从安装开始一起飞~

Posted 2020-09-14 章鱼樟

要写一个基于vuejs的项目，首先安装vue~这个可以在安装nodejs时一并安装

一、安装nodejs

1.去nodejs官网对应下载合适的nodejs，然后安装

2.在菜单栏搜索cmd，右键以管理员身份打开必须是管理员身份

3.输入  node -v    出现版本号说明nodejs安装成功

3.再输入   npm install vue  ，开始安装vue，结束后输入 npm -v，出现vue的版本号，则说明安装成功，否则安装失败！

4.安装失败的盆友需要  百度搜索npm淘宝镜像网站，使用定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm

  输入 npm install -g cnpm --registry=https://registry.npm.taobao.org ， 然后再输入 npm -v ，出现版本号说明安装成功。

5.对于仍然安装失败的盆友，使用global全局命令：npm install vue –global

6.安装成功的盆友输入 npm install –global vue-cli安装CLI

7.安装结束后，输入vue,待出现usage，commands,options等信息，说明安装成功。

至此vue环节安装结束

二、创建项目文件夹

找个电脑空地，作为你的项目文件夹的栖息地。。。

1.在原地调出命令窗口，输入  vue init webpack my-project（项目文件夹的名字-英文），然后会让你进行一些配置，你可以一直回车

 

2.结束后输入  npm install 

3.安装结束后输入  npm run dev

成功执行以上命令后访问 http://localhost:8080/，输出结果如下所示：

文件夹创建结束~（如果前面使用淘宝镜像安装的朋友 命令窗口输入的 npm 建议都换成 cnpm）

三、vue.js目录结构介绍

打开my-project文件夹，发现里面一堆文件，哪个是哪个？？

后面的vue.js使用可以去百度 vue菜鸟教程 学习，按顺序看一遍就有大概的了解啦，后面的深入应用就要多看项目代码，多写啦~